npm - @oanda/labs-crowd-view-widget - Versions diffs - 1.0.50 → 1.0.52 - Mend

@oanda/labs-crowd-view-widget 1.0.50 → 1.0.52

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 (88) hide show

package/dist/main/CrowdViewWidget/components/Chart/chartOptions.js CHANGED Viewed

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getOption = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
 var _constants = require("../../constants");
 var _chartUtils = require("./utils/chartUtils");
-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); }
+var _getChartStyles = require("./utils/getChartStyles");
+var _getGridLines = require("./utils/getGridLines");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getOption = (_ref, isDark, isDesktop, labelCallback) => {
   let {
     xAxisData,
@@ -20,53 +18,64 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
     bucketWidth,
     buckets,
     precision,
-    bookType
+    bookType,
+    sentiments
   } = _ref;
   let selectedPrice;
+  const {
+    sentimentLongColor,
+    sentimentShortColor,
+    candleLongColor,
+    candleShortColor,
+    sentimentAreaOpacity,
+    tooltipLinesColor,
+    sentimentLabelColor
+  } = (0, _getChartStyles.getChartStyles)(isDark);
   const visibleXAxisData = xAxisData.slice(xAxisData.length * _constants.CHART_CONFIG.INITIAL_START_ZOOM / 100, xAxisData.length * _constants.CHART_CONFIG.INITIAL_END_ZOOM / 100);
   const isGreaterThanTwoWeeks = (0, _chartUtils.isDifferenceGreaterThanTwoWeeks)(visibleXAxisData[0], visibleXAxisData[visibleXAxisData.length - 1]);
   const labelsData = (0, _chartUtils.getLabelData)({
     xAxisData,
     isGreaterThanTwoWeeks
   });
-  const gridLines = (0, _labsWidgetCommon.getGridLines)({
+  const gridMainLines = (0, _getGridLines.getGridLines)({
     isDark,
-    chartWidth: _constants.CHART_CONFIG.WIDTH,
-    chartHeight: _constants.CHART_CONFIG.HEIGHT,
-    xLabelsSize: _constants.CHART_CONFIG.X_LABEL_SIZE,
-    yLabelSize: isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE,
-    bottomLeftBox: false
+    isDesktop
   });
   return {
     animation: false,
     dataZoom: [{
+      id: 'main',
       type: 'inside',
       xAxisIndex: 0,
       start: _constants.CHART_CONFIG.INITIAL_START_ZOOM,
-      end: _constants.CHART_CONFIG.INITIAL_END_ZOOM
+      end: _constants.CHART_CONFIG.INITIAL_END_ZOOM,
+      filterMode: 'filter'
+    }, {
+      id: 'sentiment',
+      type: 'inside',
+      xAxisIndex: 1,
+      start: _constants.CHART_CONFIG.INITIAL_START_ZOOM,
+      end: _constants.CHART_CONFIG.INITIAL_END_ZOOM,
+      filterMode: 'none'
     }],
     tooltip: {
       trigger: 'axis',
       axisPointer: {
         type: 'cross',
         axis: 'x',
+        lineStyle: {
+          color: tooltipLinesColor
+        },
         crossStyle: {
-          color: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.themeColors.borderPrimary.light
+          color: tooltipLinesColor
         },
         label: {
+          padding: 0,
+          lineHeight: 24,
           formatter: params => {
-            if (params.axisDimension === 'y') {
+            if (params.axisDimension === 'y' && params.axisIndex === 0) {
               selectedPrice = Number(params.value);
-              return Number(params.value).toFixed(precision);
-            }
-            if (params.axisDimension === 'x') {
-              const date = new Date(params.value);
-              return date.toLocaleString(undefined, {
-                hour: '2-digit',
-                minute: '2-digit',
-                day: 'numeric',
-                month: 'short'
-              });
+              return " ".concat(Number(params.value).toFixed(precision), " ");
             }
             return null;
           }
@@ -83,8 +92,13 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         bookType
       })
     },
-    xAxis: {
+    xAxis: [{
       type: 'category',
+      name: 'xAxis-less-than-two-weeks',
+      nameTextStyle: {
+        fontSize: 0
+      },
+      id: 'main-xAxis',
       data: xAxisData,
       splitNumber: 1,
       axisTick: {
@@ -95,9 +109,22 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         margin: 0,
         formatter: value => (0, _chartUtils.formatXAxisLabel)(value, isGreaterThanTwoWeeks)
       }
-    },
-    yAxis: {
+    }, {
+      type: 'category',
+      gridIndex: 1,
+      show: false,
+      data: xAxisData,
+      splitNumber: 1,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        show: false
+      }
+    }],
+    yAxis: [{
       type: 'value',
+      gridIndex: 0,
       position: 'right',
       min: val => val.min - bucketWidth * 2,
       max: val => val.max + bucketWidth * 2,
@@ -113,16 +140,93 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         margin: isDesktop ? 4 : 2,
         formatter: value => value.toFixed(precision - 1)
       }
+    }, {
+      type: 'value',
+      gridIndex: 1,
+      position: 'right',
+      min: _constants.CHART_CONFIG.SENTIMENT_MIN,
+      max: _constants.CHART_CONFIG.SENTIMENT_MAX,
+      interval: _constants.CHART_CONFIG.SENTIMENT_INTERVAL,
+      axisLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        verticalAlignMaxLabel: 'top',
+        verticalAlignMinLabel: 'bottom',
+        lineHeight: 20,
+        margin: isDesktop ? 4 : 2,
+        rich: {
+          shortRect: {
+            backgroundColor: (0, _chromaJs.default)(sentimentShortColor).alpha(0.3).css(),
+            borderColor: sentimentShortColor,
+            borderWidth: 1,
+            width: 8,
+            height: 8
+          },
+          longRect: {
+            backgroundColor: (0, _chromaJs.default)(sentimentLongColor).alpha(0.3).css(),
+            borderColor: sentimentLongColor,
+            borderWidth: 1,
+            width: 8,
+            height: 8
+          }
+        },
+        formatter: value => {
+          if (value === _constants.CHART_CONFIG.SENTIMENT_MIN) {
+            return "{shortRect| } ".concat(labelCallback('short'));
+          }
+          if (value === _constants.CHART_CONFIG.SENTIMENT_MAX) {
+            return "{longRect| } ".concat(labelCallback('long'));
+          }
+          if (value === _constants.CHART_CONFIG.SENTIMENT_MAX / 2) {
+            return '50%';
+          }
+          return undefined;
+        }
+      }
+    }],
+    axisPointer: {
+      link: [{
+        xAxisIndex: 'all'
+      }]
+    },
+    visualMap: {
+      show: false,
+      seriesId: 'sentiment',
+      dimension: 1,
+      pieces: [{
+        lt: _constants.CHART_CONFIG.SENTIMENT_MAX / 2,
+        color: sentimentShortColor
+      }, {
+        gte: _constants.CHART_CONFIG.SENTIMENT_MAX / 2,
+        lte: _constants.CHART_CONFIG.SENTIMENT_MAX,
+        color: sentimentLongColor
+      }, {
+        gt: _constants.CHART_CONFIG.SENTIMENT_MAX,
+        color: sentimentLongColor
+      }]
     },
     series: [{
       type: 'candlestick',
       id: 'candlestick',
+      gridIndex: 0,
+      xAxisIndex: 0,
+      yAxisIndex: 0,
       data: candlesSeriesData,
       itemStyle: {
-        color: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.raspberryLight,
-        color0: isDark ? _labsWidgetCommon.colorPalette.bottleGreenDark : _labsWidgetCommon.colorPalette.bottleGreenLight,
-        borderColor: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.raspberryLight,
-        borderColor0: isDark ? _labsWidgetCommon.colorPalette.bottleGreenDark : _labsWidgetCommon.colorPalette.bottleGreenLight
+        color: (0, _chromaJs.default)(candleShortColor).desaturate().css(),
+        color0: (0, _chromaJs.default)(candleLongColor).desaturate().css(),
+        borderColor: candleShortColor,
+        borderColor0: candleLongColor
+      },
+      emphasis: {
+        itemStyle: {
+          color: candleShortColor,
+          color0: candleLongColor
+        }
       },
       markPoint: {
         symbol: 'circle',
@@ -131,8 +235,11 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       }
     }, {
       type: 'custom',
+      gridIndex: 0,
       name: 'heatmap',
       id: 'heatmap',
+      xAxisIndex: 0,
+      yAxisIndex: 0,
       silent: true,
       clip: true,
       renderItem: (_params, api) => {
@@ -169,24 +276,83 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         };
       },
       data: orderPositionBooks
+    }, {
+      type: 'line',
+      name: 'sentiment-short',
+      id: 'sentiment',
+      xAxisIndex: 1,
+      yAxisIndex: 1,
+      data: sentiments,
+      showSymbol: false,
+      symbol: 'none',
+      lineStyle: {
+        width: 3,
+        opacity: 1
+      },
+      areaStyle: {
+        color: sentimentShortColor,
+        opacity: sentimentAreaOpacity
+      },
+      emphasis: {
+        areaStyle: {
+          opacity: 0
+        }
+      },
+      stack: 'sentiment'
+    }, {
+      type: 'line',
+      name: 'sentiment-long',
+      id: 'sentiment-long',
+      xAxisIndex: 1,
+      yAxisIndex: 1,
+      data: sentiments.map(sentiment => [sentiment[0], sentiment[2]]),
+      symbol: 'none',
+      lineStyle: {
+        color: 'transparent',
+        width: 0
+      },
+      areaStyle: {
+        color: sentimentLongColor,
+        opacity: sentimentAreaOpacity
+      },
+      stack: 'sentiment',
+      emphasis: {
+        disabled: true
+      },
+      tooltip: {
+        show: false
+      }
     }],
     grid: [{
       name: 'main-grid',
+      id: 'main-grid',
+      height: "".concat(_constants.CHART_CONFIG.MAIN_HEIGHT, "px"),
       top: '0px',
       left: '0px',
       right: "".concat(isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE, "px"),
       bottom: "".concat(_constants.CHART_CONFIG.X_LABEL_SIZE, "px")
+    }, {
+      name: 'sentiment-grid',
+      id: 'sentiment-grid',
+      height: "".concat(_constants.CHART_CONFIG.SENTIMENT_HEIGHT, "px"),
+      bottom: "0px",
+      left: '0px',
+      right: "".concat(isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE, "px")
     }],
-    graphic: [...gridLines, _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-      top: 0,
-      right: 0,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: 0
+    graphic: [...gridMainLines, {
+      type: 'text',
+      silent: true,
+      z: 1,
+      left: 4,
+      bottom: _constants.CHART_CONFIG_CALCULATED.SENTIMENT_TEXT_POSITION,
+      style: {
+        text: "".concat(labelCallback('sentiment'), ":"),
+        fontFamily: 'Sofia W03',
+        fontSize: 14,
+        fontWeight: 'bold',
+        fill: sentimentLabelColor
       }
-    })]
+    }]
   };
 };
 exports.getOption = getOption;

package/dist/main/CrowdViewWidget/components/Chart/chartOptions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chartOptions.js","names":["_labsWidgetCommon","require","_constants","_chartUtils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getOption","_ref","isDark","isDesktop","labelCallback","xAxisData","candlesSeriesData","orderPositionBooks","bucketWidth","buckets","precision","bookType","selectedPrice","visibleXAxisData","slice","CHART_CONFIG","INITIAL_START_ZOOM","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","labelsData","getLabelData","gridLines","getGridLines","chartWidth","WIDTH","chartHeight","HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","bottomLeftBox","animation","dataZoom","type","xAxisIndex","start","end","tooltip","trigger","axisPointer","axis","crossStyle","color","colorPalette","orange","themeColors","borderPrimary","light","label","formatter","params","axisDimension","toFixed","date","Date","toLocaleString","undefined","hour","minute","day","month","confine","getTooltipFormatter","xAxis","data","splitNumber","axisTick","show","axisLabel","padding","margin","formatXAxisLabel","yAxis","position","min","val","max","axisLine","showMaxLabel","showMinLabel","series","id","itemStyle","raspberryLight","color0","bottleGreenDark","bottleGreenLight","borderColor","borderColor0","markPoint","symbol","symbolSize","name","silent","clip","renderItem","_params","api","xVal","bucketIndex","metaValues","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","coord","shape","x","y","width","height","style","fill","getRectColor","emphasisDisabled","children","grid","top","left","right","concat","bottom","graphic","getLineCommons","x1","y1","x2","y2","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/chartOptions.ts"],"sourcesContent":["import {\n colorPalette,\n getGridLines,\n getLineCommons,\n themeColors,\n} from '@oanda/labs-widget-common';\n\nimport { CHART_CONFIG } from '../../constants';\nimport type { Bucket, GetOptionType } from './types';\nimport {\n formatXAxisLabel,\n getLabelData,\n getRectColor,\n getTooltipFormatter,\n isDifferenceGreaterThanTwoWeeks,\n} from './utils/chartUtils';\n\n// @ts-expect-error\nexport const getOption: GetOptionType = (\n {\n xAxisData,\n candlesSeriesData,\n orderPositionBooks,\n bucketWidth,\n buckets,\n precision,\n bookType,\n },\n isDark,\n isDesktop,\n labelCallback\n) => {\n let selectedPrice: number;\n const visibleXAxisData = xAxisData.slice(\n (xAxisData.length * CHART_CONFIG.INITIAL_START_ZOOM) / 100,\n (xAxisData.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n );\n\n const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n visibleXAxisData[0],\n visibleXAxisData[visibleXAxisData.length - 1]\n );\n\n const labelsData = getLabelData({\n xAxisData,\n isGreaterThanTwoWeeks,\n });\n\n const gridLines = getGridLines({\n isDark,\n chartWidth: CHART_CONFIG.WIDTH,\n chartHeight: CHART_CONFIG.HEIGHT,\n xLabelsSize: CHART_CONFIG.X_LABEL_SIZE,\n yLabelSize: isDesktop\n ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n : CHART_CONFIG.Y_LABEL_SIZE_MOBILE,\n bottomLeftBox: false,\n });\n\n return {\n animation: false,\n dataZoom: [\n {\n type: 'inside',\n xAxisIndex: 0,\n start: CHART_CONFIG.INITIAL_START_ZOOM,\n end: CHART_CONFIG.INITIAL_END_ZOOM,\n },\n ],\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n type: 'cross',\n axis: 'x',\n crossStyle: {\n color: isDark ? colorPalette.orange : themeColors.borderPrimary.light,\n },\n label: {\n formatter: (params) => {\n if (params.axisDimension === 'y') {\n selectedPrice = Number(params.value);\n return Number(params.value).toFixed(precision);\n }\n\n if (params.axisDimension === 'x') {\n const date = new Date(params.value as string);\n return date.toLocaleString(undefined, {\n hour: '2-digit',\n minute: '2-digit',\n day: 'numeric',\n month: 'short',\n });\n }\n\n return null;\n },\n },\n },\n confine: true,\n formatter: (params) =>\n getTooltipFormatter({\n params,\n buckets,\n bucketWidth,\n selectedPrice,\n labelCallback,\n precision,\n bookType,\n }),\n },\n xAxis: {\n type: 'category',\n data: xAxisData,\n splitNumber: 1,\n axisTick: {\n show: false,\n },\n axisLabel: {\n padding: [8, 16, 8, 16],\n margin: 0,\n formatter: (value) => formatXAxisLabel(value, isGreaterThanTwoWeeks),\n },\n },\n yAxis: {\n type: 'value',\n position: 'right',\n min: (val) => val.min - bucketWidth * 2,\n max: (val) => val.max + bucketWidth * 2,\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n showMaxLabel: false,\n showMinLabel: false,\n margin: isDesktop ? 4 : 2,\n formatter: (value: number) => value.toFixed(precision - 1),\n },\n },\n series: [\n {\n type: 'candlestick',\n id: 'candlestick',\n data: candlesSeriesData,\n itemStyle: {\n color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n color0: isDark\n ? colorPalette.bottleGreenDark\n : colorPalette.bottleGreenLight,\n borderColor: isDark\n ? colorPalette.orange\n : colorPalette.raspberryLight,\n borderColor0: isDark\n ? colorPalette.bottleGreenDark\n : colorPalette.bottleGreenLight,\n },\n\n markPoint: {\n symbol: 'circle',\n symbolSize: 0,\n data: labelsData,\n },\n },\n {\n type: 'custom',\n name: 'heatmap',\n id: 'heatmap',\n silent: true,\n clip: true,\n renderItem: (_params, api) => {\n const xVal = api.value(0);\n const bucketIndex = api.value(2) as number;\n const metaValues = buckets[bucketIndex];\n\n const [rectWidth, rectHeight] = api.size!([\n 0,\n bucketWidth,\n ]) as number[];\n\n const items = metaValues.map(({ price, sentiment }: Bucket) => {\n const start = api.coord([xVal, price]);\n\n return {\n type: 'rect',\n shape: {\n x: start[0] - rectWidth / 2,\n y: start[1] - rectHeight,\n width: rectWidth + 1,\n height: rectHeight,\n },\n style: {\n fill: getRectColor(sentiment, isDark),\n },\n silent: true,\n emphasisDisabled: true,\n };\n });\n\n return {\n type: 'group',\n children: items,\n silent: true,\n emphasisDisabled: true,\n };\n },\n data: orderPositionBooks,\n },\n ],\n grid: [\n {\n name: 'main-grid',\n top: '0px',\n left: '0px',\n right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n bottom: `${CHART_CONFIG.X_LABEL_SIZE}px`,\n },\n ],\n graphic: [\n ...gridLines,\n {\n ...getLineCommons(isDark as boolean),\n top: 0,\n right: 0,\n shape: {\n x1: 0,\n y1: 0,\n x2: 0,\n y2: 0,\n },\n },\n ],\n };\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"chartOptions.js","names":["_chromaJs","_interopRequireDefault","require","_constants","_chartUtils","_getChartStyles","_getGridLines","e","__esModule","default","getOption","_ref","isDark","isDesktop","labelCallback","xAxisData","candlesSeriesData","orderPositionBooks","bucketWidth","buckets","precision","bookType","sentiments","selectedPrice","sentimentLongColor","sentimentShortColor","candleLongColor","candleShortColor","sentimentAreaOpacity","tooltipLinesColor","sentimentLabelColor","getChartStyles","visibleXAxisData","slice","length","CHART_CONFIG","INITIAL_START_ZOOM","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","labelsData","getLabelData","gridMainLines","getGridLines","animation","dataZoom","id","type","xAxisIndex","start","end","filterMode","tooltip","trigger","axisPointer","axis","lineStyle","color","crossStyle","label","padding","lineHeight","formatter","params","axisDimension","axisIndex","Number","value","concat","toFixed","confine","getTooltipFormatter","xAxis","name","nameTextStyle","fontSize","data","splitNumber","axisTick","show","axisLabel","margin","formatXAxisLabel","gridIndex","yAxis","position","min","val","max","axisLine","showMaxLabel","showMinLabel","SENTIMENT_MIN","SENTIMENT_MAX","interval","SENTIMENT_INTERVAL","verticalAlignMaxLabel","verticalAlignMinLabel","rich","shortRect","backgroundColor","chroma","alpha","css","borderColor","borderWidth","width","height","longRect","undefined","link","visualMap","seriesId","dimension","pieces","lt","gte","lte","gt","series","yAxisIndex","itemStyle","desaturate","color0","borderColor0","emphasis","markPoint","symbol","symbolSize","silent","clip","renderItem","_params","api","xVal","bucketIndex","metaValues","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","coord","shape","x","y","style","fill","getRectColor","emphasisDisabled","children","showSymbol","opacity","areaStyle","stack","disabled","grid","MAIN_HEIGHT","top","left","right","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","bottom","X_LABEL_SIZE","SENTIMENT_HEIGHT","graphic","z","CHART_CONFIG_CALCULATED","SENTIMENT_TEXT_POSITION","text","fontFamily","fontWeight","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/chartOptions.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nimport { CHART_CONFIG, CHART_CONFIG_CALCULATED } from '../../constants';\nimport type { Bucket, GetOptionType, TooltipParam } from './types';\nimport {\n formatXAxisLabel,\n getLabelData,\n getRectColor,\n getTooltipFormatter,\n isDifferenceGreaterThanTwoWeeks,\n} from './utils/chartUtils';\nimport { getChartStyles } from './utils/getChartStyles';\nimport { getGridLines } from './utils/getGridLines';\n\n// @ts-expect-error\nexport const getOption: GetOptionType = (\n {\n xAxisData,\n candlesSeriesData,\n orderPositionBooks,\n bucketWidth,\n buckets,\n precision,\n bookType,\n sentiments,\n },\n isDark,\n isDesktop,\n labelCallback\n) => {\n let selectedPrice: number;\n const {\n sentimentLongColor,\n sentimentShortColor,\n candleLongColor,\n candleShortColor,\n sentimentAreaOpacity,\n tooltipLinesColor,\n sentimentLabelColor,\n } = getChartStyles(isDark);\n\n const visibleXAxisData = xAxisData.slice(\n (xAxisData.length * CHART_CONFIG.INITIAL_START_ZOOM) / 100,\n (xAxisData.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n );\n\n const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n visibleXAxisData[0],\n visibleXAxisData[visibleXAxisData.length - 1]\n );\n\n const labelsData = getLabelData({\n xAxisData,\n isGreaterThanTwoWeeks,\n });\n\n const gridMainLines = getGridLines({\n isDark,\n isDesktop,\n });\n\n return {\n animation: false,\n dataZoom: [\n {\n id: 'main',\n type: 'inside',\n xAxisIndex: 0,\n start: CHART_CONFIG.INITIAL_START_ZOOM,\n end: CHART_CONFIG.INITIAL_END_ZOOM,\n filterMode: 'filter',\n },\n {\n id: 'sentiment',\n type: 'inside',\n xAxisIndex: 1,\n start: CHART_CONFIG.INITIAL_START_ZOOM,\n end: CHART_CONFIG.INITIAL_END_ZOOM,\n filterMode: 'none',\n },\n ],\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n type: 'cross',\n axis: 'x',\n lineStyle: {\n color: tooltipLinesColor,\n },\n crossStyle: {\n color: tooltipLinesColor,\n },\n label: {\n padding: 0,\n lineHeight: 24,\n formatter: (params) => {\n if (params.axisDimension === 'y' && params.axisIndex === 0) {\n selectedPrice = Number(params.value);\n return ` ${Number(params.value).toFixed(precision)} `;\n }\n\n return null;\n },\n },\n },\n confine: true,\n formatter: (params: TooltipParam[]) =>\n getTooltipFormatter({\n params,\n buckets,\n bucketWidth,\n selectedPrice,\n labelCallback,\n precision,\n bookType,\n }),\n },\n xAxis: [\n {\n type: 'category',\n name: 'xAxis-less-than-two-weeks',\n nameTextStyle: {\n fontSize: 0,\n },\n id: 'main-xAxis',\n data: xAxisData,\n splitNumber: 1,\n axisTick: {\n show: false,\n },\n axisLabel: {\n padding: [8, 16, 8, 16],\n margin: 0,\n formatter: (value) => formatXAxisLabel(value, isGreaterThanTwoWeeks),\n },\n },\n {\n type: 'category',\n gridIndex: 1,\n show: false,\n data: xAxisData,\n splitNumber: 1,\n axisTick: {\n show: false,\n },\n axisLabel: {\n show: false,\n },\n },\n ],\n yAxis: [\n {\n type: 'value',\n gridIndex: 0,\n position: 'right',\n min: (val) => val.min - bucketWidth * 2,\n max: (val) => val.max + bucketWidth * 2,\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n showMaxLabel: false,\n showMinLabel: false,\n margin: isDesktop ? 4 : 2,\n formatter: (value: number) => value.toFixed(precision - 1),\n },\n },\n {\n type: 'value',\n gridIndex: 1,\n position: 'right',\n min: CHART_CONFIG.SENTIMENT_MIN,\n max: CHART_CONFIG.SENTIMENT_MAX,\n interval: CHART_CONFIG.SENTIMENT_INTERVAL,\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n verticalAlignMaxLabel: 'top',\n verticalAlignMinLabel: 'bottom',\n lineHeight: 20,\n margin: isDesktop ? 4 : 2,\n rich: {\n shortRect: {\n backgroundColor: chroma(sentimentShortColor).alpha(0.3).css(),\n borderColor: sentimentShortColor,\n borderWidth: 1,\n width: 8,\n height: 8,\n },\n longRect: {\n backgroundColor: chroma(sentimentLongColor).alpha(0.3).css(),\n borderColor: sentimentLongColor,\n borderWidth: 1,\n width: 8,\n height: 8,\n },\n },\n formatter: (value: number) => {\n if (value === CHART_CONFIG.SENTIMENT_MIN) {\n return `{shortRect\| } ${labelCallback('short')}`;\n }\n\n if (value === CHART_CONFIG.SENTIMENT_MAX) {\n return `{longRect\| } ${labelCallback('long')}`;\n }\n\n if (value === CHART_CONFIG.SENTIMENT_MAX / 2) {\n return '50%';\n }\n\n return undefined;\n },\n },\n },\n ],\n axisPointer: {\n link: [\n {\n xAxisIndex: 'all',\n },\n ],\n },\n visualMap: {\n show: false,\n seriesId: 'sentiment',\n dimension: 1,\n pieces: [\n {\n lt: CHART_CONFIG.SENTIMENT_MAX / 2,\n color: sentimentShortColor,\n },\n {\n gte: CHART_CONFIG.SENTIMENT_MAX / 2,\n lte: CHART_CONFIG.SENTIMENT_MAX,\n color: sentimentLongColor,\n },\n {\n gt: CHART_CONFIG.SENTIMENT_MAX,\n color: sentimentLongColor,\n },\n ],\n },\n series: [\n {\n type: 'candlestick',\n id: 'candlestick',\n gridIndex: 0,\n xAxisIndex: 0,\n yAxisIndex: 0,\n data: candlesSeriesData,\n itemStyle: {\n color: chroma(candleShortColor).desaturate().css(),\n color0: chroma(candleLongColor).desaturate().css(),\n borderColor: candleShortColor,\n borderColor0: candleLongColor,\n },\n emphasis: {\n itemStyle: {\n color: candleShortColor,\n color0: candleLongColor,\n },\n },\n markPoint: {\n symbol: 'circle',\n symbolSize: 0,\n data: labelsData,\n },\n },\n {\n type: 'custom',\n gridIndex: 0,\n name: 'heatmap',\n id: 'heatmap',\n xAxisIndex: 0,\n yAxisIndex: 0,\n silent: true,\n clip: true,\n renderItem: (_params, api) => {\n const xVal = api.value(0);\n const bucketIndex = api.value(2) as number;\n const metaValues = buckets[bucketIndex];\n\n const [rectWidth, rectHeight] = api.size!([\n 0,\n bucketWidth,\n ]) as number[];\n\n const items = metaValues.map(({ price, sentiment }: Bucket) => {\n const start = api.coord([xVal, price]);\n\n return {\n type: 'rect',\n shape: {\n x: start[0] - rectWidth / 2,\n y: start[1] - rectHeight,\n width: rectWidth + 1,\n height: rectHeight,\n },\n style: {\n fill: getRectColor(sentiment, isDark),\n },\n silent: true,\n emphasisDisabled: true,\n };\n });\n\n return {\n type: 'group',\n children: items,\n silent: true,\n emphasisDisabled: true,\n };\n },\n data: orderPositionBooks,\n },\n {\n type: 'line',\n name: 'sentiment-short',\n id: 'sentiment',\n xAxisIndex: 1,\n yAxisIndex: 1,\n data: sentiments,\n showSymbol: false,\n symbol: 'none',\n lineStyle: {\n width: 3,\n opacity: 1,\n },\n areaStyle: {\n color: sentimentShortColor,\n opacity: sentimentAreaOpacity,\n },\n emphasis: {\n areaStyle: {\n opacity: 0,\n },\n },\n stack: 'sentiment',\n },\n {\n type: 'line',\n name: 'sentiment-long',\n id: 'sentiment-long',\n xAxisIndex: 1,\n yAxisIndex: 1,\n data: sentiments.map((sentiment) => [sentiment[0], sentiment[2]]),\n symbol: 'none',\n lineStyle: {\n color: 'transparent',\n width: 0,\n },\n areaStyle: {\n color: sentimentLongColor,\n opacity: sentimentAreaOpacity,\n },\n stack: 'sentiment',\n emphasis: {\n disabled: true,\n },\n tooltip: {\n show: false,\n },\n },\n ],\n grid: [\n {\n name: 'main-grid',\n id: 'main-grid',\n height: `${CHART_CONFIG.MAIN_HEIGHT}px`,\n top: '0px',\n left: '0px',\n right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n bottom: `${CHART_CONFIG.X_LABEL_SIZE}px`,\n },\n {\n name: 'sentiment-grid',\n id: 'sentiment-grid',\n height: `${CHART_CONFIG.SENTIMENT_HEIGHT}px`,\n bottom: `0px`,\n left: '0px',\n right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n },\n ],\n graphic: [\n ...gridMainLines,\n {\n type: 'text',\n silent: true,\n z: 1,\n left: 4,\n bottom: CHART_CONFIG_CALCULATED.SENTIMENT_TEXT_POSITION,\n style: {\n text: `${labelCallback('sentiment')}:`,\n fontFamily: 'Sofia W03',\n fontSize: 14,\n fontWeight: 'bold',\n fill: sentimentLabelColor,\n },\n },\n ],\n };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAOA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAoD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG7C,MAAMG,SAAwB,GAAGA,CAAAC,IAAA,EAWtCC,MAAM,EACNC,SAAS,EACTC,aAAa,KACV;EAAA,IAbH;IACEC,SAAS;IACTC,iBAAiB;IACjBC,kBAAkB;IAClBC,WAAW;IACXC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC;EACF,CAAC,GAAAX,IAAA;EAKD,IAAIY,aAAqB;EACzB,MAAM;IACJC,kBAAkB;IAClBC,mBAAmB;IACnBC,eAAe;IACfC,gBAAgB;IAChBC,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC,GAAG,IAAAC,8BAAc,EAACnB,MAAM,CAAC;EAE1B,MAAMoB,gBAAgB,GAAGjB,SAAS,CAACkB,KAAK,CACrClB,SAAS,CAACmB,MAAM,GAAGC,uBAAY,CAACC,kBAAkB,GAAI,GAAG,EACzDrB,SAAS,CAACmB,MAAM,GAAGC,uBAAY,CAACE,gBAAgB,GAAI,GACvD,CAAC;EAED,MAAMC,qBAAqB,GAAG,IAAAC,2CAA+B,EAC3DP,gBAAgB,CAAC,CAAC,CAAC,EACnBA,gBAAgB,CAACA,gBAAgB,CAACE,MAAM,GAAG,CAAC,CAC9C,CAAC;EAED,MAAMM,UAAU,GAAG,IAAAC,wBAAY,EAAC;IAC9B1B,SAAS;IACTuB;EACF,CAAC,CAAC;EAEF,MAAMI,aAAa,GAAG,IAAAC,0BAAY,EAAC;IACjC/B,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,OAAO;IACL+B,SAAS,EAAE,KAAK;IAChBC,QAAQ,EAAE,CACR;MACEC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,UAAU,EAAE,CAAC;MACbC,KAAK,EAAEd,uBAAY,CAACC,kBAAkB;MACtCc,GAAG,EAAEf,uBAAY,CAACE,gBAAgB;MAClCc,UAAU,EAAE;IACd,CAAC,EACD;MACEL,EAAE,EAAE,WAAW;MACfC,IAAI,EAAE,QAAQ;MACdC,UAAU,EAAE,CAAC;MACbC,KAAK,EAAEd,uBAAY,CAACC,kBAAkB;MACtCc,GAAG,EAAEf,uBAAY,CAACE,gBAAgB;MAClCc,UAAU,EAAE;IACd,CAAC,CACF;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,MAAM;MACfC,WAAW,EAAE;QACXP,IAAI,EAAE,OAAO;QACbQ,IAAI,EAAE,GAAG;QACTC,SAAS,EAAE;UACTC,KAAK,EAAE5B;QACT,CAAC;QACD6B,UAAU,EAAE;UACVD,KAAK,EAAE5B;QACT,CAAC;QACD8B,KAAK,EAAE;UACLC,OAAO,EAAE,CAAC;UACVC,UAAU,EAAE,EAAE;UACdC,SAAS,EAAGC,MAAM,IAAK;YACrB,IAAIA,MAAM,CAACC,aAAa,KAAK,GAAG,IAAID,MAAM,CAACE,SAAS,KAAK,CAAC,EAAE;cAC1D1C,aAAa,GAAG2C,MAAM,CAACH,MAAM,CAACI,KAAK,CAAC;cACpC,WAAAC,MAAA,CAAWF,MAAM,CAACH,MAAM,CAACI,KAAK,CAAC,CAACE,OAAO,CAACjD,SAAS,CAAC;YACpD;YAEA,OAAO,IAAI;UACb;QACF;MACF,CAAC;MACDkD,OAAO,EAAE,IAAI;MACbR,SAAS,EAAGC,MAAsB,IAChC,IAAAQ,+BAAmB,EAAC;QAClBR,MAAM;QACN5C,OAAO;QACPD,WAAW;QACXK,aAAa;QACbT,aAAa;QACbM,SAAS;QACTC;MACF,CAAC;IACL,CAAC;IACDmD,KAAK,EAAE,CACL;MACEzB,IAAI,EAAE,UAAU;MAChB0B,IAAI,EAAE,2BAA2B;MACjCC,aAAa,EAAE;QACbC,QAAQ,EAAE;MACZ,CAAC;MACD7B,EAAE,EAAE,YAAY;MAChB8B,IAAI,EAAE7D,SAAS;MACf8D,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE;QACRC,IAAI,EAAE;MACR,CAAC;MACDC,SAAS,EAAE;QACTpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvBqB,MAAM,EAAE,CAAC;QACTnB,SAAS,EAAGK,KAAK,IAAK,IAAAe,4BAAgB,EAACf,KAAK,EAAE7B,qBAAqB;MACrE;IACF,CAAC,EACD;MACES,IAAI,EAAE,UAAU;MAChBoC,SAAS,EAAE,CAAC;MACZJ,IAAI,EAAE,KAAK;MACXH,IAAI,EAAE7D,SAAS;MACf8D,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE;QACRC,IAAI,EAAE;MACR,CAAC;MACDC,SAAS,EAAE;QACTD,IAAI,EAAE;MACR;IACF,CAAC,CACF;IACDK,KAAK,EAAE,CACL;MACErC,IAAI,EAAE,OAAO;MACboC,SAAS,EAAE,CAAC;MACZE,QAAQ,EAAE,OAAO;MACjBC,GAAG,EAAGC,GAAG,IAAKA,GAAG,CAACD,GAAG,GAAGpE,WAAW,GAAG,CAAC;MACvCsE,GAAG,EAAGD,GAAG,IAAKA,GAAG,CAACC,GAAG,GAAGtE,WAAW,GAAG,CAAC;MACvCuE,QAAQ,EAAE;QAAEV,IAAI,EAAE;MAAM,CAAC;MACzBD,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,SAAS,EAAE;QACTU,YAAY,EAAE,KAAK;QACnBC,YAAY,EAAE,KAAK;QACnBV,MAAM,EAAEpE,SAAS,GAAG,CAAC,GAAG,CAAC;QACzBiD,SAAS,EAAGK,KAAa,IAAKA,KAAK,CAACE,OAAO,CAACjD,SAAS,GAAG,CAAC;MAC3D;IACF,CAAC,EACD;MACE2B,IAAI,EAAE,OAAO;MACboC,SAAS,EAAE,CAAC;MACZE,QAAQ,EAAE,OAAO;MACjBC,GAAG,EAAEnD,uBAAY,CAACyD,aAAa;MAC/BJ,GAAG,EAAErD,uBAAY,CAAC0D,aAAa;MAC/BC,QAAQ,EAAE3D,uBAAY,CAAC4D,kBAAkB;MACzCN,QAAQ,EAAE;QAAEV,IAAI,EAAE;MAAM,CAAC;MACzBD,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,SAAS,EAAE;QACTgB,qBAAqB,EAAE,KAAK;QAC5BC,qBAAqB,EAAE,QAAQ;QAC/BpC,UAAU,EAAE,EAAE;QACdoB,MAAM,EAAEpE,SAAS,GAAG,CAAC,GAAG,CAAC;QACzBqF,IAAI,EAAE;UACJC,SAAS,EAAE;YACTC,eAAe,EAAE,IAAAC,iBAAM,EAAC5E,mBAAmB,CAAC,CAAC6E,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC;YAC7DC,WAAW,EAAE/E,mBAAmB;YAChCgF,WAAW,EAAE,CAAC;YACdC,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAC;UACDC,QAAQ,EAAE;YACRR,eAAe,EAAE,IAAAC,iBAAM,EAAC7E,kBAAkB,CAAC,CAAC8E,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC;YAC5DC,WAAW,EAAEhF,kBAAkB;YAC/BiF,WAAW,EAAE,CAAC;YACdC,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV;QACF,CAAC;QACD7C,SAAS,EAAGK,KAAa,IAAK;UAC5B,IAAIA,KAAK,KAAKhC,uBAAY,CAACyD,aAAa,EAAE;YACxC,wBAAAxB,MAAA,CAAwBtD,aAAa,CAAC,OAAO,CAAC;UAChD;UAEA,IAAIqD,KAAK,KAAKhC,uBAAY,CAAC0D,aAAa,EAAE;YACxC,uBAAAzB,MAAA,CAAuBtD,aAAa,CAAC,MAAM,CAAC;UAC9C;UAEA,IAAIqD,KAAK,KAAKhC,uBAAY,CAAC0D,aAAa,GAAG,CAAC,EAAE;YAC5C,OAAO,KAAK;UACd;UAEA,OAAOgB,SAAS;QAClB;MACF;IACF,CAAC,CACF;IACDvD,WAAW,EAAE;MACXwD,IAAI,EAAE,CACJ;QACE9D,UAAU,EAAE;MACd,CAAC;IAEL,CAAC;IACD+D,SAAS,EAAE;MACThC,IAAI,EAAE,KAAK;MACXiC,QAAQ,EAAE,WAAW;MACrBC,SAAS,EAAE,CAAC;MACZC,MAAM,EAAE,CACN;QACEC,EAAE,EAAEhF,uBAAY,CAAC0D,aAAa,GAAG,CAAC;QAClCpC,KAAK,EAAEhC;MACT,CAAC,EACD;QACE2F,GAAG,EAAEjF,uBAAY,CAAC0D,aAAa,GAAG,CAAC;QACnCwB,GAAG,EAAElF,uBAAY,CAAC0D,aAAa;QAC/BpC,KAAK,EAAEjC;MACT,CAAC,EACD;QACE8F,EAAE,EAAEnF,uBAAY,CAAC0D,aAAa;QAC9BpC,KAAK,EAAEjC;MACT,CAAC;IAEL,CAAC;IACD+F,MAAM,EAAE,CACN;MACExE,IAAI,EAAE,aAAa;MACnBD,EAAE,EAAE,aAAa;MACjBqC,SAAS,EAAE,CAAC;MACZnC,UAAU,EAAE,CAAC;MACbwE,UAAU,EAAE,CAAC;MACb5C,IAAI,EAAE5D,iBAAiB;MACvByG,SAAS,EAAE;QACThE,KAAK,EAAE,IAAA4C,iBAAM,EAAC1E,gBAAgB,CAAC,CAAC+F,UAAU,CAAC,CAAC,CAACnB,GAAG,CAAC,CAAC;QAClDoB,MAAM,EAAE,IAAAtB,iBAAM,EAAC3E,eAAe,CAAC,CAACgG,UAAU,CAAC,CAAC,CAACnB,GAAG,CAAC,CAAC;QAClDC,WAAW,EAAE7E,gBAAgB;QAC7BiG,YAAY,EAAElG;MAChB,CAAC;MACDmG,QAAQ,EAAE;QACRJ,SAAS,EAAE;UACThE,KAAK,EAAE9B,gBAAgB;UACvBgG,MAAM,EAAEjG;QACV;MACF,CAAC;MACDoG,SAAS,EAAE;QACTC,MAAM,EAAE,QAAQ;QAChBC,UAAU,EAAE,CAAC;QACbpD,IAAI,EAAEpC;MACR;IACF,CAAC,EACD;MACEO,IAAI,EAAE,QAAQ;MACdoC,SAAS,EAAE,CAAC;MACZV,IAAI,EAAE,SAAS;MACf3B,EAAE,EAAE,SAAS;MACbE,UAAU,EAAE,CAAC;MACbwE,UAAU,EAAE,CAAC;MACbS,MAAM,EAAE,IAAI;MACZC,IAAI,EAAE,IAAI;MACVC,UAAU,EAAEA,CAACC,OAAO,EAAEC,GAAG,KAAK;QAC5B,MAAMC,IAAI,GAAGD,GAAG,CAAClE,KAAK,CAAC,CAAC,CAAC;QACzB,MAAMoE,WAAW,GAAGF,GAAG,CAAClE,KAAK,CAAC,CAAC,CAAW;QAC1C,MAAMqE,UAAU,GAAGrH,OAAO,CAACoH,WAAW,CAAC;QAEvC,MAAM,CAACE,SAAS,EAAEC,UAAU,CAAC,GAAGL,GAAG,CAACM,IAAI,CAAE,CACxC,CAAC,EACDzH,WAAW,CACZ,CAAa;QAEd,MAAM0H,KAAK,GAAGJ,UAAU,CAACK,GAAG,CAACC,KAAA,IAAkC;UAAA,IAAjC;YAAEC,KAAK;YAAEC;UAAkB,CAAC,GAAAF,KAAA;UACxD,MAAM7F,KAAK,GAAGoF,GAAG,CAACY,KAAK,CAAC,CAACX,IAAI,EAAES,KAAK,CAAC,CAAC;UAEtC,OAAO;YACLhG,IAAI,EAAE,MAAM;YACZmG,KAAK,EAAE;cACLC,CAAC,EAAElG,KAAK,CAAC,CAAC,CAAC,GAAGwF,SAAS,GAAG,CAAC;cAC3BW,CAAC,EAAEnG,KAAK,CAAC,CAAC,CAAC,GAAGyF,UAAU;cACxBhC,KAAK,EAAE+B,SAAS,GAAG,CAAC;cACpB9B,MAAM,EAAE+B;YACV,CAAC;YACDW,KAAK,EAAE;cACLC,IAAI,EAAE,IAAAC,wBAAY,EAACP,SAAS,EAAEpI,MAAM;YACtC,CAAC;YACDqH,MAAM,EAAE,IAAI;YACZuB,gBAAgB,EAAE;UACpB,CAAC;QACH,CAAC,CAAC;QAEF,OAAO;UACLzG,IAAI,EAAE,OAAO;UACb0G,QAAQ,EAAEb,KAAK;UACfX,MAAM,EAAE,IAAI;UACZuB,gBAAgB,EAAE;QACpB,CAAC;MACH,CAAC;MACD5E,IAAI,EAAE3D;IACR,CAAC,EACD;MACE8B,IAAI,EAAE,MAAM;MACZ0B,IAAI,EAAE,iBAAiB;MACvB3B,EAAE,EAAE,WAAW;MACfE,UAAU,EAAE,CAAC;MACbwE,UAAU,EAAE,CAAC;MACb5C,IAAI,EAAEtD,UAAU;MAChBoI,UAAU,EAAE,KAAK;MACjB3B,MAAM,EAAE,MAAM;MACdvE,SAAS,EAAE;QACTkD,KAAK,EAAE,CAAC;QACRiD,OAAO,EAAE;MACX,CAAC;MACDC,SAAS,EAAE;QACTnG,KAAK,EAAEhC,mBAAmB;QAC1BkI,OAAO,EAAE/H;MACX,CAAC;MACDiG,QAAQ,EAAE;QACR+B,SAAS,EAAE;UACTD,OAAO,EAAE;QACX;MACF,CAAC;MACDE,KAAK,EAAE;IACT,CAAC,EACD;MACE9G,IAAI,EAAE,MAAM;MACZ0B,IAAI,EAAE,gBAAgB;MACtB3B,EAAE,EAAE,gBAAgB;MACpBE,UAAU,EAAE,CAAC;MACbwE,UAAU,EAAE,CAAC;MACb5C,IAAI,EAAEtD,UAAU,CAACuH,GAAG,CAAEG,SAAS,IAAK,CAACA,SAAS,CAAC,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;MACjEjB,MAAM,EAAE,MAAM;MACdvE,SAAS,EAAE;QACTC,KAAK,EAAE,aAAa;QACpBiD,KAAK,EAAE;MACT,CAAC;MACDkD,SAAS,EAAE;QACTnG,KAAK,EAAEjC,kBAAkB;QACzBmI,OAAO,EAAE/H;MACX,CAAC;MACDiI,KAAK,EAAE,WAAW;MAClBhC,QAAQ,EAAE;QACRiC,QAAQ,EAAE;MACZ,CAAC;MACD1G,OAAO,EAAE;QACP2B,IAAI,EAAE;MACR;IACF,CAAC,CACF;IACDgF,IAAI,EAAE,CACJ;MACEtF,IAAI,EAAE,WAAW;MACjB3B,EAAE,EAAE,WAAW;MACf6D,MAAM,KAAAvC,MAAA,CAAKjC,uBAAY,CAAC6H,WAAW,OAAI;MACvCC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,KAAK,KAAA/F,MAAA,CAAKvD,SAAS,GAAGsB,uBAAY,CAACiI,oBAAoB,GAAGjI,uBAAY,CAACkI,mBAAmB,OAAI;MAC9FC,MAAM,KAAAlG,MAAA,CAAKjC,uBAAY,CAACoI,YAAY;IACtC,CAAC,EACD;MACE9F,IAAI,EAAE,gBAAgB;MACtB3B,EAAE,EAAE,gBAAgB;MACpB6D,MAAM,KAAAvC,MAAA,CAAKjC,uBAAY,CAACqI,gBAAgB,OAAI;MAC5CF,MAAM,OAAO;MACbJ,IAAI,EAAE,KAAK;MACXC,KAAK,KAAA/F,MAAA,CAAKvD,SAAS,GAAGsB,uBAAY,CAACiI,oBAAoB,GAAGjI,uBAAY,CAACkI,mBAAmB;IAC5F,CAAC,CACF;IACDI,OAAO,EAAE,CACP,GAAG/H,aAAa,EAChB;MACEK,IAAI,EAAE,MAAM;MACZkF,MAAM,EAAE,IAAI;MACZyC,CAAC,EAAE,CAAC;MACJR,IAAI,EAAE,CAAC;MACPI,MAAM,EAAEK,kCAAuB,CAACC,uBAAuB;MACvDvB,KAAK,EAAE;QACLwB,IAAI,KAAAzG,MAAA,CAAKtD,aAAa,CAAC,WAAW,CAAC,MAAG;QACtCgK,UAAU,EAAE,WAAW;QACvBnG,QAAQ,EAAE,EAAE;QACZoG,UAAU,EAAE,MAAM;QAClBzB,IAAI,EAAExH;MACR;IACF,CAAC;EAEL,CAAC;AACH,CAAC;AAACkJ,OAAA,CAAAtK,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CrowdViewWidget/components/Chart/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type {\n BookType,\n Division,\n Granularity,\n} from '../../../gql/types/graphql';\nimport type { InstrumentId } from '../../types';\n\nexport interface Bucket {\n price: number;\n sentiment: number;\n}\n\nexport interface UseCrowdViewDataProps {\n instrument: InstrumentId;\n bookType: BookType;\n division: Division;\n granularity: Granularity;\n}\n\ninterface CrowdViewData {\n xAxisData: string[];\n // [open, close, low, high]\n candlesSeriesData: [number, number, number, number][];\n // [time, price, index]\n orderPositionBooks: [string, number \| null, number][];\n bucketWidth: number;\n buckets: Bucket[][];\n precision: number;\n bookType: BookType;\n}\n\nexport interface UseCrowdViewDataReturn {\n data: CrowdViewData \| null;\n loading: boolean;\n error: boolean;\n}\n\nexport type GetOptionType = (\n props: CrowdViewData,\n isDark: boolean,\n isDesktop: boolean,\n labelCallback: (key: string, params?: Record<string, unknown>) => string\n) => EChartsOption;\n\nexport interface ChartProps {\n data: CrowdViewData;\n isDesktop: boolean;\n}\n\nexport interface ChartWithDataProps {\n bookType: BookType;\n division: Division;\n instrument: InstrumentId;\n granularity: Granularity;\n}\n\nexport interface GetLabelsDataProps {\n xAxisData: string[];\n isGreaterThanTwoWeeks: boolean;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CrowdViewWidget/components/Chart/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type {\n BookType,\n Division,\n Granularity,\n} from '../../../gql/types/graphql';\nimport type { InstrumentId } from '../../types';\n\nexport interface Bucket {\n price: number;\n sentiment: number;\n}\n\nexport interface UseCrowdViewDataProps {\n instrument: InstrumentId;\n bookType: BookType;\n division: Division;\n granularity: Granularity;\n}\n\nexport type ProcessedSentiment = [string, number, number];\n\ninterface CrowdViewData {\n xAxisData: string[];\n // [open, close, low, high]\n candlesSeriesData: [number, number, number, number][];\n // [time, price, index]\n orderPositionBooks: [string, number \| null, number][];\n bucketWidth: number;\n buckets: Bucket[][];\n precision: number;\n bookType: BookType;\n sentiments: ProcessedSentiment[];\n}\n\nexport interface UseCrowdViewDataReturn {\n data: CrowdViewData \| null;\n loading: boolean;\n error: boolean;\n}\n\nexport type GetOptionType = (\n props: CrowdViewData,\n isDark: boolean,\n isDesktop: boolean,\n labelCallback: (key: string, params?: Record<string, unknown>) => string\n) => EChartsOption;\n\nexport interface ChartProps {\n data: CrowdViewData;\n isDesktop: boolean;\n}\n\nexport interface ChartWithDataProps {\n bookType: BookType;\n division: Division;\n instrument: InstrumentId;\n granularity: Granularity;\n}\n\nexport interface GetLabelsDataProps {\n xAxisData: string[];\n isGreaterThanTwoWeeks: boolean;\n}\n\ninterface BaseTooltipParam {\n [key: string]: unknown;\n seriesId?: string;\n seriesName?: string;\n seriesType?: string;\n axisValue?: string \| number;\n axisValueLabel?: string;\n axisDimension?: string;\n axisIndex?: number;\n value: unknown;\n}\n\nexport type TooltipParam =\n \| (BaseTooltipParam & {\n seriesId: 'candlestick';\n value: [number, number, number, number, number]; // [0, open, close, low, high]\n })\n \| (BaseTooltipParam & {\n seriesId: 'heatmap';\n value: [string, number, number]; // [time, price, index]\n })\n \| (BaseTooltipParam & {\n seriesId: 'sentiment';\n value: [string, number, number]; // [time, shortPercent, longPercent]\n });\n\nexport interface DataZoomBatchItem {\n [key: string]: unknown;\n start: number;\n end: number;\n dataZoomId?: string;\n}\n\nexport interface DataZoomEvent {\n [key: string]: unknown;\n type: 'datazoom';\n batch?: DataZoomBatchItem[];\n}\n\nexport interface DataZoomItem {\n startValue: number;\n endValue: number;\n}\n\nexport type DataZoomArray = Array<DataZoomItem>;\n\nexport interface XAxisItem {\n name?: string;\n}\n\nexport type XAxisArray = Array<XAxisItem>;\n"],"mappings":"","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/useCrowdViewData.js CHANGED Viewed

@@ -8,6 +8,7 @@ var _client = require("@apollo/client");
 var _react = require("react");
 var _getOrderPositionBooks = require("../../../gql/getOrderPositionBooks");
 var _getPriceCandles = require("../../../gql/getPriceCandles");
+var _getSentiments = require("../../../gql/getSentiments");
 var _graphql = require("../../../gql/types/graphql");
 var _constants = require("../../constants");
 var _utils = require("./utils");
@@ -60,9 +61,24 @@ const useCrowdViewData = _ref => {
     fetchPolicy: 'no-cache',
     skip: priceCandlesLoading || !!priceCandlesError
   });
-  const loading = priceCandlesLoading || orderPositionLoading;
+  const {
+    loading: sentimentsLoading,
+    data: sentimentsData,
+    error: sentimentsError
+  } = (0, _client.useQuery)(_getSentiments.getSentiments, {
+    variables: {
+      instrument: _constants.INSTRUMENTS_CONFIG[instrument].v20name,
+      granularity,
+      timeSpan: (0, _utils.getTimeSpanForGranularity)(granularity)
+    },
+    fetchPolicy: 'no-cache',
+    skip: priceCandlesLoading || !!priceCandlesError
+  });
+  const loading = priceCandlesLoading || orderPositionLoading || sentimentsLoading;
+  const xAxisData = candles.map(candle => (candle === null || candle === void 0 ? void 0 : candle.point) || '');
   const orderPositionBooks = (0, _react.useMemo)(() => (0, _utils.processOrderPositionBooks)(orderPositionData, candleMap), [orderPositionData, candleMap]);
   const buckets = (0, _react.useMemo)(() => (0, _utils.processBuckets)(orderPositionData, targetBucketWidth), [orderPositionData, targetBucketWidth]);
+  const sentiments = (0, _react.useMemo)(() => (0, _utils.processSentiments)(sentimentsData, xAxisData), [sentimentsData, xAxisData]);
   const error = (0, _react.useMemo)(() => {
     if (priceCandlesError) {
       return new Error("Price candles error: ".concat(priceCandlesError.message));
@@ -70,16 +86,18 @@ const useCrowdViewData = _ref => {
     if (orderPositionError) {
       return new Error("Order position error: ".concat(orderPositionError.message));
     }
+    if (sentimentsError) {
+      return new Error("Sentiments error: ".concat(sentimentsError.message));
+    }
     if (loading) {
       return null;
     }
     return (0, _utils.validateData)(priceCandlesData, orderPositionData, hasValidCandles);
-  }, [priceCandlesError, orderPositionError, loading, priceCandlesData, orderPositionData, hasValidCandles]);
+  }, [priceCandlesError, orderPositionError, sentimentsError, loading, priceCandlesData, orderPositionData, hasValidCandles]);
   const data = (0, _react.useMemo)(() => {
-    if (!priceCandlesData || !orderPositionData || error) {
+    if (!priceCandlesData || !orderPositionData || !sentimentsData || error) {
       return null;
     }
-    const xAxisData = candles.map(candle => (candle === null || candle === void 0 ? void 0 : candle.point) || '');
     const candlesSeriesData = candles.map(candle => [(candle === null || candle === void 0 ? void 0 : candle.open) || 0, (candle === null || candle === void 0 ? void 0 : candle.close) || 0, (candle === null || candle === void 0 ? void 0 : candle.low) || 0, (candle === null || candle === void 0 ? void 0 : candle.high) || 0]);
     return {
       buckets,
@@ -88,9 +106,10 @@ const useCrowdViewData = _ref => {
       orderPositionBooks,
       bucketWidth: targetBucketWidth,
       precision: _constants.INSTRUMENTS_CONFIG[instrument].precision,
-      bookType
+      bookType,
+      sentiments
     };
-  }, [priceCandlesData, orderPositionData, error, candles, buckets, orderPositionBooks, targetBucketWidth, instrument, bookType]);
+  }, [priceCandlesData, orderPositionData, sentimentsData, error, candles, buckets, xAxisData, orderPositionBooks, targetBucketWidth, instrument, bookType, sentiments]);
   return {
     data,
     loading,

package/dist/main/CrowdViewWidget/components/Chart/useCrowdViewData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCrowdViewData.js","names":["_client","require","_react","_getOrderPositionBooks","_getPriceCandles","_graphql","_constants","_utils","useCrowdViewData","_ref","instrument","bookType","division","granularity","dataSource","Division","Ogm","Oj","DataSource","Mt5","V20","loading","priceCandlesLoading","data","priceCandlesData","error","priceCandlesError","useQuery","getPriceCandles","variables","INSTRUMENTS_CONFIG","mt5name","v20name","timeSpan","getTimeSpanForGranularity","fetchPolicy","priceCandlesProcessed","useMemo","processPriceCandles","minPrice","maxPrice","hasValidCandles","candleMap","candles","targetBucketWidth","getTargetBucketWidth","maxBookPrice","BUCKET_CONFIG","PRICE_PADDING_MULTIPLIER","minBookPrice","orderPositionLoading","orderPositionData","orderPositionError","getOrderPositionBooks","BookType","Order","skip","orderPositionBooks","processOrderPositionBooks","buckets","processBuckets","Error","concat","message","validateData","xAxisData","map","candle","point","candlesSeriesData","open","close","low","high","bucketWidth","precision","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport type {\n GetOrderPositionBooksQuery,\n GetOrderPositionBooksQueryVariables,\n GetPriceCandlesQuery,\n GetPriceCandlesQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport {\n getTargetBucketWidth,\n getTimeSpanForGranularity,\n processBuckets,\n processOrderPositionBooks,\n processPriceCandles,\n validateData,\n} from './utils';\n\nexport const useCrowdViewData = ({\n instrument,\n bookType,\n division,\n granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n const dataSource =\n division === Division.Ogm \|\| division === Division.Oj\n ? DataSource.Mt5\n : DataSource.V20;\n const {\n loading: priceCandlesLoading,\n data: priceCandlesData,\n error: priceCandlesError,\n } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n getPriceCandles,\n {\n variables: {\n dataSource,\n division,\n instrument:\n dataSource === DataSource.Mt5\n ? INSTRUMENTS_CONFIG[instrument].mt5name\n : INSTRUMENTS_CONFIG[instrument].v20name,\n granularity,\n timeSpan: getTimeSpanForGranularity(granularity),\n },\n fetchPolicy: 'no-cache',\n }\n );\n\n const priceCandlesProcessed = useMemo(\n () => processPriceCandles(priceCandlesData),\n [priceCandlesData]\n );\n\n const { minPrice, maxPrice, hasValidCandles, candleMap, candles } =\n priceCandlesProcessed;\n\n const targetBucketWidth = getTargetBucketWidth(granularity, instrument);\n\n const maxBookPrice = useMemo(\n () => maxPrice + targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n [maxPrice, targetBucketWidth]\n );\n\n const minBookPrice = useMemo(\n () => minPrice - targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n [minPrice, targetBucketWidth]\n );\n\n const {\n loading: orderPositionLoading,\n data: orderPositionData,\n error: orderPositionError,\n } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n getOrderPositionBooks,\n {\n variables: {\n instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n bookType: bookType \|\| BookType.Order,\n timeSpan: getTimeSpanForGranularity(granularity),\n granularity,\n maxBookPrice,\n minBookPrice,\n },\n fetchPolicy: 'no-cache',\n skip: priceCandlesLoading \|\| !!priceCandlesError,\n }\n );\n\n const loading = priceCandlesLoading \|\| orderPositionLoading;\n\n const orderPositionBooks = useMemo(\n () => processOrderPositionBooks(orderPositionData, candleMap),\n [orderPositionData, candleMap]\n );\n\n const buckets = useMemo(\n () => processBuckets(orderPositionData, targetBucketWidth),\n [orderPositionData, targetBucketWidth]\n );\n\n const error = useMemo((): Error \| null => {\n if (priceCandlesError) {\n return new Error(`Price candles error: ${priceCandlesError.message}`);\n }\n if (orderPositionError) {\n return new Error(`Order position error: ${orderPositionError.message}`);\n }\n if (loading) {\n return null;\n }\n return validateData(priceCandlesData, orderPositionData, hasValidCandles);\n }, [\n priceCandlesError,\n orderPositionError,\n loading,\n priceCandlesData,\n orderPositionData,\n hasValidCandles,\n ]);\n\n const data = useMemo(() => {\n if (!priceCandlesData \|\| !orderPositionData \|\| error) {\n return null;\n }\n\n const xAxisData = candles.map((candle) => candle?.point \|\| '');\n const candlesSeriesData: [number, number, number, number][] = candles.map(\n (candle) => [\n candle?.open \|\| 0,\n candle?.close \|\| 0,\n candle?.low \|\| 0,\n candle?.high \|\| 0,\n ]\n );\n\n return {\n buckets,\n xAxisData,\n candlesSeriesData,\n orderPositionBooks,\n bucketWidth: targetBucketWidth,\n precision: INSTRUMENTS_CONFIG[instrument].precision,\n bookType,\n };\n }, [\n priceCandlesData,\n orderPositionData,\n error,\n candles,\n buckets,\n orderPositionBooks,\n targetBucketWidth,\n instrument,\n bookType,\n ]);\n\n return {\n data,\n loading,\n error: !!error,\n };\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"useCrowdViewData.js","names":["_client","require","_react","_getOrderPositionBooks","_getPriceCandles","_getSentiments","_graphql","_constants","_utils","useCrowdViewData","_ref","instrument","bookType","division","granularity","dataSource","Division","Ogm","Oj","DataSource","Mt5","V20","loading","priceCandlesLoading","data","priceCandlesData","error","priceCandlesError","useQuery","getPriceCandles","variables","INSTRUMENTS_CONFIG","mt5name","v20name","timeSpan","getTimeSpanForGranularity","fetchPolicy","priceCandlesProcessed","useMemo","processPriceCandles","minPrice","maxPrice","hasValidCandles","candleMap","candles","targetBucketWidth","getTargetBucketWidth","maxBookPrice","BUCKET_CONFIG","PRICE_PADDING_MULTIPLIER","minBookPrice","orderPositionLoading","orderPositionData","orderPositionError","getOrderPositionBooks","BookType","Order","skip","sentimentsLoading","sentimentsData","sentimentsError","getSentiments","xAxisData","map","candle","point","orderPositionBooks","processOrderPositionBooks","buckets","processBuckets","sentiments","processSentiments","Error","concat","message","validateData","candlesSeriesData","open","close","low","high","bucketWidth","precision","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport { getSentiments } from '../../../gql/getSentiments';\nimport type {\n GetOrderPositionBooksQuery,\n GetOrderPositionBooksQueryVariables,\n GetPriceCandlesQuery,\n GetPriceCandlesQueryVariables,\n GetSentimentsQuery,\n GetSentimentsQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport {\n getTargetBucketWidth,\n getTimeSpanForGranularity,\n processBuckets,\n processOrderPositionBooks,\n processPriceCandles,\n processSentiments,\n validateData,\n} from './utils';\n\nexport const useCrowdViewData = ({\n instrument,\n bookType,\n division,\n granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n const dataSource =\n division === Division.Ogm \|\| division === Division.Oj\n ? DataSource.Mt5\n : DataSource.V20;\n const {\n loading: priceCandlesLoading,\n data: priceCandlesData,\n error: priceCandlesError,\n } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n getPriceCandles,\n {\n variables: {\n dataSource,\n division,\n instrument:\n dataSource === DataSource.Mt5\n ? INSTRUMENTS_CONFIG[instrument].mt5name\n : INSTRUMENTS_CONFIG[instrument].v20name,\n granularity,\n timeSpan: getTimeSpanForGranularity(granularity),\n },\n fetchPolicy: 'no-cache',\n }\n );\n\n const priceCandlesProcessed = useMemo(\n () => processPriceCandles(priceCandlesData),\n [priceCandlesData]\n );\n\n const { minPrice, maxPrice, hasValidCandles, candleMap, candles } =\n priceCandlesProcessed;\n\n const targetBucketWidth = getTargetBucketWidth(granularity, instrument);\n\n const maxBookPrice = useMemo(\n () => maxPrice + targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n [maxPrice, targetBucketWidth]\n );\n\n const minBookPrice = useMemo(\n () => minPrice - targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n [minPrice, targetBucketWidth]\n );\n\n const {\n loading: orderPositionLoading,\n data: orderPositionData,\n error: orderPositionError,\n } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n getOrderPositionBooks,\n {\n variables: {\n instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n bookType: bookType \|\| BookType.Order,\n timeSpan: getTimeSpanForGranularity(granularity),\n granularity,\n maxBookPrice,\n minBookPrice,\n },\n fetchPolicy: 'no-cache',\n skip: priceCandlesLoading \|\| !!priceCandlesError,\n }\n );\n\n const {\n loading: sentimentsLoading,\n data: sentimentsData,\n error: sentimentsError,\n } = useQuery<GetSentimentsQuery, GetSentimentsQueryVariables>(getSentiments, {\n variables: {\n instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n granularity,\n timeSpan: getTimeSpanForGranularity(granularity),\n },\n fetchPolicy: 'no-cache',\n skip: priceCandlesLoading \|\| !!priceCandlesError,\n });\n\n const loading =\n priceCandlesLoading \|\| orderPositionLoading \|\| sentimentsLoading;\n const xAxisData = candles.map((candle) => candle?.point \|\| '');\n\n const orderPositionBooks = useMemo(\n () => processOrderPositionBooks(orderPositionData, candleMap),\n [orderPositionData, candleMap]\n );\n\n const buckets = useMemo(\n () => processBuckets(orderPositionData, targetBucketWidth),\n [orderPositionData, targetBucketWidth]\n );\n\n const sentiments = useMemo(\n () => processSentiments(sentimentsData, xAxisData),\n [sentimentsData, xAxisData]\n );\n\n const error = useMemo((): Error \| null => {\n if (priceCandlesError) {\n return new Error(`Price candles error: ${priceCandlesError.message}`);\n }\n if (orderPositionError) {\n return new Error(`Order position error: ${orderPositionError.message}`);\n }\n if (sentimentsError) {\n return new Error(`Sentiments error: ${sentimentsError.message}`);\n }\n if (loading) {\n return null;\n }\n return validateData(priceCandlesData, orderPositionData, hasValidCandles);\n }, [\n priceCandlesError,\n orderPositionError,\n sentimentsError,\n loading,\n priceCandlesData,\n orderPositionData,\n hasValidCandles,\n ]);\n\n const data = useMemo(() => {\n if (!priceCandlesData \|\| !orderPositionData \|\| !sentimentsData \|\| error) {\n return null;\n }\n\n const candlesSeriesData: [number, number, number, number][] = candles.map(\n (candle) => [\n candle?.open \|\| 0,\n candle?.close \|\| 0,\n candle?.low \|\| 0,\n candle?.high \|\| 0,\n ]\n );\n\n return {\n buckets,\n xAxisData,\n candlesSeriesData,\n orderPositionBooks,\n bucketWidth: targetBucketWidth,\n precision: INSTRUMENTS_CONFIG[instrument].precision,\n bookType,\n sentiments,\n };\n }, [\n priceCandlesData,\n orderPositionData,\n sentimentsData,\n error,\n candles,\n buckets,\n xAxisData,\n orderPositionBooks,\n targetBucketWidth,\n instrument,\n bookType,\n sentiments,\n ]);\n\n return {\n data,\n loading,\n error: !!error,\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/utils/chartUtils.js CHANGED Viewed

@@ -27,7 +27,7 @@ const getLabelData = _ref => {
       day: isGreaterThanTwoWeeks ? 'numeric' : undefined
     }),
     xAxis: item,
-    y: _constants.CHART_CONFIG.HEIGHT - 22,
+    y: _constants.CHART_CONFIG.MAIN_HEIGHT + _constants.CHART_CONFIG.X_LABEL_SIZE - 22,
     silent: true,
     emphasis: {
       disabled: true
@@ -71,7 +71,6 @@ const getRectColor = (sentiment, isDark) => {
 };
 exports.getRectColor = getRectColor;
 const getTooltipFormatter = _ref2 => {
-  var _booksParam$value;
   let {
     params,
     buckets,
@@ -81,17 +80,19 @@ const getTooltipFormatter = _ref2 => {
     bookType,
     labelCallback
   } = _ref2;
-  const arr = params;
-  if (!arr || !Array.isArray(arr) || arr.length === 0) {
+  if (!params || !Array.isArray(params) || params.length === 0) {
+    return undefined;
+  }
+  const candleParam = params.find(series => series.seriesId === 'candlestick');
+  const booksParam = params.find(series => series.seriesId === 'heatmap');
+  const sentimentParam = params.find(series => series.seriesId === 'sentiment');
+  if (!candleParam) {
     return undefined;
   }
-  const candleParam = arr[0];
-  const booksParam = arr[1];
   const time = new Date(candleParam.axisValue);
   const candleData = candleParam.value;
-  const booksData = (_booksParam$value = booksParam === null || booksParam === void 0 ? void 0 : booksParam.value) !== null && _booksParam$value !== void 0 ? _booksParam$value : [];
-  const bucketsIndex = booksData[2];
-  const selectedBuckets = buckets[bucketsIndex];
+  const bucketsIndex = booksParam === null || booksParam === void 0 ? void 0 : booksParam.value[2];
+  const selectedBuckets = bucketsIndex !== undefined ? buckets[bucketsIndex] : undefined;
   const matchedBucket = selectedBuckets === null || selectedBuckets === void 0 ? void 0 : selectedBuckets.find(_ref3 => {
     let {
       price
@@ -102,6 +103,7 @@ const getTooltipFormatter = _ref2 => {
   if (!showCandles && !matchedBucket) {
     return undefined;
   }
+  const showSentiment = !!(sentimentParam !== null && sentimentParam !== void 0 && sentimentParam.value[1]) && !!(sentimentParam !== null && sentimentParam !== void 0 && sentimentParam.value[2]);
   return "<p>".concat(time.toLocaleString(undefined, {
     hour: '2-digit',
     minute: '2-digit',
@@ -109,7 +111,7 @@ const getTooltipFormatter = _ref2 => {
     day: 'numeric',
     month: 'numeric',
     timeZoneName: 'short'
-  }), "</p><br />\n").concat(showCandles ? "<p><b>".concat(labelCallback('candle'), ":</b></p>\n<p>").concat(labelCallback('open_price'), ": ").concat(candleData[1], " </p>\n<p>").concat(labelCallback('close_price'), ": ").concat(candleData[2], " </p>\n<p>").concat(labelCallback('low'), ": ").concat(candleData[3], " </p>\n<p>").concat(labelCallback('high'), ": ").concat(candleData[4], " </p>\n") : '', "\n").concat(matchedBucket ? "<br /><p><b>".concat(labelCallback(bookType === _graphql.BookType.Order ? 'orders' : 'positions'), ":</b></p>\n<p>").concat(labelCallback('price_range'), ": ").concat(matchedBucket.price.toFixed(precision - 1), " - ").concat(Number(matchedBucket.price + bucketWidth).toFixed(precision - 1), " </p>\n<p>").concat(matchedBucket.sentiment < 0 ? labelCallback(bookType === _graphql.BookType.Order ? 'sell_overbalance' : 'short_overbalance') : labelCallback(bookType === _graphql.BookType.Order ? 'buy_overbalance' : 'long_overbalance'), ": ").concat(Math.abs(matchedBucket.sentiment), "% </p>") : '');
+  }), "</p><br />\n").concat(showCandles ? "<p><b>".concat(labelCallback('candle'), ":</b></p>\n<p>").concat(labelCallback('open_price'), ": ").concat(candleData[1], " </p>\n<p>").concat(labelCallback('close_price'), ": ").concat(candleData[2], " </p>\n<p>").concat(labelCallback('low'), ": ").concat(candleData[3], " </p>\n<p>").concat(labelCallback('high'), ": ").concat(candleData[4], " </p>\n") : '', "\n").concat(matchedBucket ? "<br /><p><b>".concat(labelCallback(bookType === _graphql.BookType.Order ? 'orders' : 'positions'), ":</b></p>\n<p>").concat(labelCallback('price_range'), ": ").concat(matchedBucket.price.toFixed(precision - 1), " - ").concat(Number(matchedBucket.price + bucketWidth).toFixed(precision - 1), " </p>\n<p>").concat(matchedBucket.sentiment < 0 ? labelCallback(bookType === _graphql.BookType.Order ? 'sell_overbalance' : 'short_overbalance') : labelCallback(bookType === _graphql.BookType.Order ? 'buy_overbalance' : 'long_overbalance'), ": ").concat(Math.abs(matchedBucket.sentiment), "% </p>") : '').concat(showSentiment && sentimentParam ? "<br /><p><b>".concat(labelCallback('sentiment'), ":</b></p>\n<p>").concat(labelCallback('long'), ": ").concat(sentimentParam.value[2].toFixed(2), "% </p>\n<p>").concat(labelCallback('short'), ": ").concat(sentimentParam.value[1].toFixed(2), "% </p>") : '');
 };
 exports.getTooltipFormatter = getTooltipFormatter;
 const formatXAxisLabel = (value, isGreaterThanTwoWeeks) => {