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

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

@@ -10,16 +10,30 @@ var _chartUtils = require("./utils/chartUtils");
 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) => {
+const getOption = _ref => {
   let {
-    xAxisData,
-    candlesSeriesData,
-    orderPositionBooks,
-    bucketWidth,
-    buckets,
-    precision,
-    bookType,
-    sentiments
+    mainData: {
+      dates,
+      candlesOpen,
+      candlesClose,
+      candlesLow,
+      candlesHigh,
+      bookPrices,
+      bookIndexes,
+      sentimentShorts,
+      sentimentLongs
+    },
+    additionalData: {
+      bucketWidth,
+      buckets,
+      displayPrecision,
+      bookType,
+      sentimentThresholdMin,
+      sentimentThresholdMax
+    },
+    isDark,
+    isDesktop,
+    labelCallback
   } = _ref;
   let selectedPrice;
   const {
@@ -31,10 +45,10 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
     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 visibleXAxisData = dates.slice(dates.length * _constants.CHART_CONFIG.INITIAL_START_ZOOM / 100, dates.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,
+    dates,
     isGreaterThanTwoWeeks
   });
   const gridMainLines = (0, _getGridLines.getGridLines)({
@@ -75,7 +89,7 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
           formatter: params => {
             if (params.axisDimension === 'y' && params.axisIndex === 0) {
               selectedPrice = Number(params.value);
-              return " ".concat(Number(params.value).toFixed(precision), " ");
+              return " ".concat(Number(params.value).toFixed(displayPrecision), " ");
             }
             return null;
           }
@@ -88,7 +102,6 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         bucketWidth,
         selectedPrice,
         labelCallback,
-        precision,
         bookType
       })
     },
@@ -99,7 +112,6 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         fontSize: 0
       },
       id: 'main-xAxis',
-      data: xAxisData,
       splitNumber: 1,
       axisTick: {
         show: false
@@ -113,7 +125,7 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       type: 'category',
       gridIndex: 1,
       show: false,
-      data: xAxisData,
+      data: dates,
       splitNumber: 1,
       axisTick: {
         show: false
@@ -126,8 +138,8 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       type: 'value',
       gridIndex: 0,
       position: 'right',
-      min: val => val.min - bucketWidth * 2,
-      max: val => val.max + bucketWidth * 2,
+      min: val => val.min - bucketWidth * _constants.BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
+      max: val => val.max + bucketWidth * _constants.BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
       axisLine: {
         show: false
       },
@@ -137,8 +149,7 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       axisLabel: {
         showMaxLabel: false,
         showMinLabel: false,
-        margin: isDesktop ? 4 : 2,
-        formatter: value => value.toFixed(precision - 1)
+        formatter: value => value.toFixed(displayPrecision - 1)
       }
     }, {
       type: 'value',
@@ -209,13 +220,29 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         color: sentimentLongColor
       }]
     },
+    dataset: {
+      source: {
+        dates,
+        candlesOpen,
+        candlesClose,
+        candlesLow,
+        candlesHigh,
+        bookPrices,
+        bookIndexes,
+        sentimentShorts,
+        sentimentLongs
+      }
+    },
     series: [{
       type: 'candlestick',
       id: 'candlestick',
       gridIndex: 0,
       xAxisIndex: 0,
       yAxisIndex: 0,
-      data: candlesSeriesData,
+      encode: {
+        x: 'dates',
+        y: ['open', 'close', 'low', 'high']
+      },
       itemStyle: {
         color: (0, _chromaJs.default)(candleShortColor).desaturate().css(),
         color0: (0, _chromaJs.default)(candleLongColor).desaturate().css(),
@@ -242,9 +269,17 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       yAxisIndex: 0,
       silent: true,
       clip: true,
+      encode: {
+        x: 'dates',
+        y: 'bookPrices'
+      },
+      dimensions: ['dates', 'bookPrices', 'bookIndexes'],
       renderItem: (_params, api) => {
         const xVal = api.value(0);
         const bucketIndex = api.value(2);
+        if (!bucketIndex) {
+          return null;
+        }
         const metaValues = buckets[bucketIndex];
         const [rectWidth, rectHeight] = api.size([0, bucketWidth]);
         const items = metaValues.map(_ref2 => {
@@ -262,7 +297,7 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
               height: rectHeight
             },
             style: {
-              fill: (0, _chartUtils.getRectColor)(sentiment, isDark)
+              fill: (0, _chartUtils.getRectColor)(sentiment, isDark, sentimentThresholdMin, sentimentThresholdMax)
             },
             silent: true,
             emphasisDisabled: true
@@ -274,15 +309,13 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
           silent: true,
           emphasisDisabled: true
         };
-      },
-      data: orderPositionBooks
+      }
     }, {
       type: 'line',
       name: 'sentiment-short',
       id: 'sentiment',
       xAxisIndex: 1,
       yAxisIndex: 1,
-      data: sentiments,
       showSymbol: false,
       symbol: 'none',
       lineStyle: {
@@ -294,18 +327,20 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         opacity: sentimentAreaOpacity
       },
       emphasis: {
-        areaStyle: {
-          opacity: 0
-        }
+        disabled: true
       },
-      stack: 'sentiment'
+      stack: 'sentiment',
+      dimensions: ['dates', 'sentimentShorts', 'sentimentLongs'],
+      encode: {
+        x: 'dates',
+        y: 'sentimentShorts'
+      }
     }, {
       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',
@@ -321,6 +356,11 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       },
       tooltip: {
         show: false
+      },
+      dimensions: ['dates', 'sentimentLongs'],
+      encode: {
+        x: 'dates',
+        y: 'sentimentLongs'
       }
     }],
     grid: [{

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

@@ -1 +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":"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","ignoreList":[]}
+{"version":3,"file":"chartOptions.js","names":["_chromaJs","_interopRequireDefault","require","_constants","_chartUtils","_getChartStyles","_getGridLines","e","__esModule","default","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isDark","isDesktop","labelCallback","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","splitNumber","axisTick","show","axisLabel","margin","formatXAxisLabel","gridIndex","data","yAxis","position","min","val","BUCKET_CONFIG","PRICE_MARGIN_MULTIPLIER","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","dataset","source","series","yAxisIndex","encode","x","y","itemStyle","desaturate","color0","borderColor0","emphasis","markPoint","symbol","symbolSize","silent","clip","dimensions","renderItem","_params","api","xVal","bucketIndex","metaValues","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","coord","shape","style","fill","getRectColor","emphasisDisabled","children","showSymbol","opacity","areaStyle","disabled","stack","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 {\n  BUCKET_CONFIG,\n  CHART_CONFIG,\n  CHART_CONFIG_CALCULATED,\n} 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  mainData: {\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n  },\n  additionalData: {\n    bucketWidth,\n    buckets,\n    displayPrecision,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\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 = dates.slice(\n    (dates.length * CHART_CONFIG.INITIAL_START_ZOOM) / 100,\n    (dates.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    dates,\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(displayPrecision)} `;\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          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        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: dates,\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) =>\n          val.min - bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,\n        max: (val) =>\n          val.max + bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          showMaxLabel: false,\n          showMinLabel: false,\n          formatter: (value: number) => value.toFixed(displayPrecision - 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    dataset: {\n      source: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices,\n        bookIndexes,\n        sentimentShorts,\n        sentimentLongs,\n      },\n    },\n    series: [\n      {\n        type: 'candlestick',\n        id: 'candlestick',\n        gridIndex: 0,\n        xAxisIndex: 0,\n        yAxisIndex: 0,\n        encode: {\n          x: 'dates',\n          y: ['open', 'close', 'low', 'high'],\n        },\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        encode: {\n          x: 'dates',\n          y: 'bookPrices',\n        },\n        dimensions: ['dates', 'bookPrices', 'bookIndexes'],\n        renderItem: (_params, api) => {\n          const xVal = api.value(0);\n          const bucketIndex = api.value(2) as number;\n\n          if (!bucketIndex) {\n            return null;\n          }\n\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(\n                  sentiment,\n                  isDark,\n                  sentimentThresholdMin,\n                  sentimentThresholdMax\n                ),\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      },\n      {\n        type: 'line',\n        name: 'sentiment-short',\n        id: 'sentiment',\n        xAxisIndex: 1,\n        yAxisIndex: 1,\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          disabled: true,\n        },\n        stack: 'sentiment',\n        dimensions: ['dates', 'sentimentShorts', 'sentimentLongs'],\n        encode: {\n          x: 'dates',\n          y: 'sentimentShorts',\n        },\n      },\n      {\n        type: 'line',\n        name: 'sentiment-long',\n        id: 'sentiment-long',\n        xAxisIndex: 1,\n        yAxisIndex: 1,\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        dimensions: ['dates', 'sentimentLongs'],\n        encode: {\n          x: 'dates',\n          y: 'sentimentLongs',\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":"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","ignoreList":[]}

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

@@ -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\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":[]}
+{"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 CrowdViewMainData {\n  dates: string[];\n  candlesOpen: number[];\n  candlesClose: number[];\n  candlesLow: number[];\n  candlesHigh: number[];\n  bookPrices?: (number | null)[];\n  bookIndexes?: (number | null)[];\n  sentimentShorts: (number | null)[];\n  sentimentLongs: (number | null)[];\n}\n\ninterface CrowdViewAdditionalData {\n  bucketWidth: number;\n  buckets: Bucket[][];\n  displayPrecision: number;\n  bookType: BookType;\n  sentimentThresholdMin: number;\n  sentimentThresholdMax: number;\n}\n\nexport interface UseCrowdViewDataReturn {\n  mainData?: CrowdViewMainData | null;\n  additionalData?: CrowdViewAdditionalData | null;\n  loading: boolean;\n  error: boolean;\n}\n\ninterface GetOptionProps {\n  mainData: CrowdViewMainData;\n  additionalData: CrowdViewAdditionalData;\n  isDark: boolean;\n  isDesktop: boolean;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport interface ChartProps {\n  mainData: CrowdViewMainData;\n  additionalData: CrowdViewAdditionalData;\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  dates: 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

@@ -34,17 +34,17 @@ const useCrowdViewData = _ref => {
     },
     fetchPolicy: 'no-cache'
   });
-  const priceCandlesProcessed = (0, _react.useMemo)(() => (0, _utils.processPriceCandles)(priceCandlesData), [priceCandlesData]);
   const {
     minPrice,
     maxPrice,
     hasValidCandles,
-    candleMap,
-    candles
-  } = priceCandlesProcessed;
-  const targetBucketWidth = (0, _utils.getTargetBucketWidth)(granularity, instrument);
-  const maxBookPrice = (0, _react.useMemo)(() => maxPrice + targetBucketWidth * _constants.BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER, [maxPrice, targetBucketWidth]);
-  const minBookPrice = (0, _react.useMemo)(() => minPrice - targetBucketWidth * _constants.BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER, [minPrice, targetBucketWidth]);
+    dates,
+    candlesOpen,
+    candlesClose,
+    candlesLow,
+    candlesHigh,
+    pipsLocation
+  } = (0, _react.useMemo)(() => (0, _utils.processPriceCandles)(priceCandlesData), [priceCandlesData]);
   const {
     loading: orderPositionLoading,
     data: orderPositionData,
@@ -55,12 +55,23 @@ const useCrowdViewData = _ref => {
       bookType: bookType || _graphql.BookType.Order,
       timeSpan: (0, _utils.getTimeSpanForGranularity)(granularity),
       granularity,
-      maxBookPrice,
-      minBookPrice
+      maxBookPrice: maxPrice,
+      minBookPrice: minPrice,
+      bucketMultiplier: 3,
+      bucketMargin: _constants.BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER
     },
     fetchPolicy: 'no-cache',
     skip: priceCandlesLoading || !!priceCandlesError
   });
+  const {
+    bookPrices,
+    bookIndexes,
+    buckets,
+    bucketWidth,
+    sentimentThresholdMin,
+    sentimentThresholdMax,
+    hasValidBooks
+  } = (0, _react.useMemo)(() => (0, _utils.processOrderPositionBooks)(orderPositionData, dates), [orderPositionData, dates]);
   const {
     loading: sentimentsLoading,
     data: sentimentsData,
@@ -74,11 +85,12 @@ const useCrowdViewData = _ref => {
     fetchPolicy: 'no-cache',
     skip: priceCandlesLoading || !!priceCandlesError
   });
+  const {
+    sentimentLongs,
+    sentimentShorts,
+    hasValidSentiments
+  } = (0, _react.useMemo)(() => (0, _utils.processSentiments)(sentimentsData, dates), [sentimentsData, dates]);
   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));
@@ -92,26 +104,37 @@ const useCrowdViewData = _ref => {
     if (loading) {
       return null;
     }
-    return (0, _utils.validateData)(priceCandlesData, orderPositionData, hasValidCandles);
-  }, [priceCandlesError, orderPositionError, sentimentsError, loading, priceCandlesData, orderPositionData, hasValidCandles]);
+    return (0, _utils.validateData)(priceCandlesData, orderPositionData, hasValidCandles, hasValidBooks, hasValidSentiments);
+  }, [priceCandlesError, orderPositionError, sentimentsError, loading, priceCandlesData, orderPositionData, hasValidCandles, hasValidBooks, hasValidSentiments]);
   const data = (0, _react.useMemo)(() => {
     if (!priceCandlesData || !orderPositionData || !sentimentsData || error) {
       return null;
     }
-    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,
-      xAxisData,
-      candlesSeriesData,
-      orderPositionBooks,
-      bucketWidth: targetBucketWidth,
-      precision: _constants.INSTRUMENTS_CONFIG[instrument].precision,
-      bookType,
-      sentiments
+      mainData: {
+        dates,
+        candlesOpen,
+        candlesClose,
+        candlesLow,
+        candlesHigh,
+        bookPrices,
+        bookIndexes,
+        sentimentShorts,
+        sentimentLongs
+      },
+      additionalData: {
+        bucketWidth,
+        buckets,
+        displayPrecision: pipsLocation,
+        bookType,
+        sentimentThresholdMin,
+        sentimentThresholdMax
+      }
     };
-  }, [priceCandlesData, orderPositionData, sentimentsData, error, candles, buckets, xAxisData, orderPositionBooks, targetBucketWidth, instrument, bookType, sentiments]);
+  }, [priceCandlesData, orderPositionData, sentimentsData, error, dates, candlesOpen, candlesClose, candlesLow, candlesHigh, bookPrices, bookIndexes, sentimentShorts, sentimentLongs, bucketWidth, buckets, pipsLocation, bookType, sentimentThresholdMin, sentimentThresholdMax]);
   return {
-    data,
+    mainData: data === null || data === void 0 ? void 0 : data.mainData,
+    additionalData: data === null || data === void 0 ? void 0 : data.additionalData,
     loading,
     error: !!error
   };

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

@@ -1 +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":[]}
+{"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","minPrice","maxPrice","hasValidCandles","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","pipsLocation","useMemo","processPriceCandles","orderPositionLoading","orderPositionData","orderPositionError","getOrderPositionBooks","BookType","Order","maxBookPrice","minBookPrice","bucketMultiplier","bucketMargin","BUCKET_CONFIG","PRICE_MARGIN_MULTIPLIER","skip","bookPrices","bookIndexes","buckets","bucketWidth","sentimentThresholdMin","sentimentThresholdMax","hasValidBooks","processOrderPositionBooks","sentimentsLoading","sentimentsData","sentimentsError","getSentiments","sentimentLongs","sentimentShorts","hasValidSentiments","processSentiments","Error","concat","message","validateData","mainData","additionalData","displayPrecision","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  getTimeSpanForGranularity,\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\n  // Get price candles data\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 {\n    minPrice,\n    maxPrice,\n    hasValidCandles,\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    pipsLocation,\n  } = useMemo(() => processPriceCandles(priceCandlesData), [priceCandlesData]);\n\n  // Get order position books data\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: maxPrice,\n        minBookPrice: minPrice,\n        bucketMultiplier: 3,\n        bucketMargin: BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,\n      },\n      fetchPolicy: 'no-cache',\n      skip: priceCandlesLoading || !!priceCandlesError,\n    }\n  );\n\n  const {\n    bookPrices,\n    bookIndexes,\n    buckets,\n    bucketWidth,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n    hasValidBooks,\n  } = useMemo(\n    () => processOrderPositionBooks(orderPositionData, dates),\n    [orderPositionData, dates]\n  );\n\n  // Get sentiments data\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 { sentimentLongs, sentimentShorts, hasValidSentiments } = useMemo(\n    () => processSentiments(sentimentsData, dates),\n    [sentimentsData, dates]\n  );\n\n  // Gather all results\n  const loading =\n    priceCandlesLoading || orderPositionLoading || sentimentsLoading;\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(\n      priceCandlesData,\n      orderPositionData,\n      hasValidCandles,\n      hasValidBooks,\n      hasValidSentiments\n    );\n  }, [\n    priceCandlesError,\n    orderPositionError,\n    sentimentsError,\n    loading,\n    priceCandlesData,\n    orderPositionData,\n    hasValidCandles,\n    hasValidBooks,\n    hasValidSentiments,\n  ]);\n\n  const data = useMemo(() => {\n    if (!priceCandlesData || !orderPositionData || !sentimentsData || error) {\n      return null;\n    }\n\n    return {\n      mainData: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices,\n        bookIndexes,\n        sentimentShorts,\n        sentimentLongs,\n      },\n      additionalData: {\n        bucketWidth,\n        buckets,\n        displayPrecision: pipsLocation,\n        bookType,\n        sentimentThresholdMin,\n        sentimentThresholdMax,\n      },\n    };\n  }, [\n    priceCandlesData,\n    orderPositionData,\n    sentimentsData,\n    error,\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n    bucketWidth,\n    buckets,\n    pipsLocation,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  ]);\n\n  return {\n    mainData: data?.mainData,\n    additionalData: data?.additionalData,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,10 +10,10 @@ var _constants = require("../../../constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getLabelData = _ref => {
   let {
-    xAxisData,
+    dates,
     isGreaterThanTwoWeeks
   } = _ref;
-  return xAxisData.filter((record, index, arr) => {
+  return dates.filter((record, index, arr) => {
     if (index === 0) {
       return false;
     }
@@ -59,27 +59,26 @@ const getTimeSpanForGranularity = granularity => {
   return granularityTimeSpanMap[granularity] || _graphql.TimeSpan.TwoDays;
 };
 exports.getTimeSpanForGranularity = getTimeSpanForGranularity;
-const getGradientColor = (value, startColor, targetColor) => {
-  const startThreshold = _constants.BOOKS_THRESHOLDS.MIN;
-  const endThreshold = _constants.BOOKS_THRESHOLDS.MAX;
-  const colorScale = _chromaJs.default.scale([startColor, targetColor]).domain([startThreshold, endThreshold]).mode('rgb');
+const getGradientColor = (value, startColor, targetColor, minThreshold, maxThreshold) => {
+  const colorScale = _chromaJs.default.scale([startColor, targetColor]).domain([minThreshold, maxThreshold]).mode('rgb');
   return colorScale(value).hex();
 };
-const getRectColor = (sentiment, isDark) => {
+const getRectColor = (sentiment, isDark, minThreshold, maxThreshold) => {
   const colorPalette = isDark ? _constants.COLOR_MAP.dark : _constants.COLOR_MAP.light;
-  return sentiment < 0 ? getGradientColor(sentiment * -1, colorPalette.short[0], colorPalette.short[1]) : getGradientColor(sentiment, colorPalette.long[0], colorPalette.long[1]);
+  return sentiment < 0 ? getGradientColor(sentiment * -1, colorPalette.short[0], colorPalette.short[1], minThreshold, maxThreshold) : getGradientColor(sentiment, colorPalette.long[0], colorPalette.long[1], minThreshold, maxThreshold);
 };
 exports.getRectColor = getRectColor;
 const getTooltipFormatter = _ref2 => {
+  var _bucketWidth$toString;
   let {
     params,
     buckets,
     bucketWidth,
     selectedPrice,
-    precision,
     bookType,
     labelCallback
   } = _ref2;
+  const bucketDisplayPrecision = ((_bucketWidth$toString = bucketWidth.toString().split('.')[1]) === null || _bucketWidth$toString === void 0 ? void 0 : _bucketWidth$toString.length) || 0;
   if (!params || !Array.isArray(params) || params.length === 0) {
     return undefined;
   }
@@ -111,7 +110,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>") : '').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>") : '');
+  }), "</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(bucketDisplayPrecision), " - ").concat(Number(matchedBucket.price + bucketWidth).toFixed(bucketDisplayPrecision), " </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(Number(matchedBucket.sentiment.toFixed(bucketDisplayPrecision))), "% </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) => {