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

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

@@ -1,66 +1,88 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { colorPalette, getGridLines, getLineCommons, themeColors } from '@oanda/labs-widget-common';
-import { CHART_CONFIG } from '../../constants';
+import chroma from 'chroma-js';
+import { BUCKET_CONFIG, CHART_CONFIG, CHART_CONFIG_CALCULATED } from '../../constants';
 import { formatXAxisLabel, getLabelData, getRectColor, getTooltipFormatter, isDifferenceGreaterThanTwoWeeks } from './utils/chartUtils';
-export const getOption = (_ref, isDark, isDesktop, labelCallback) => {
+import { getChartStyles } from './utils/getChartStyles';
+import { getGridLines } from './utils/getGridLines';
+export const getOption = _ref => {
   let {
-    xAxisData,
-    candlesSeriesData,
-    orderPositionBooks,
-    bucketWidth,
-    buckets,
-    precision,
-    bookType
+    mainData: {
+      dates,
+      candlesOpen,
+      candlesClose,
+      candlesLow,
+      candlesHigh,
+      bookPrices,
+      bookIndexes,
+      sentimentShorts,
+      sentimentLongs
+    },
+    additionalData: {
+      bucketWidth,
+      buckets,
+      displayPrecision,
+      bookType,
+      sentimentThresholdMin,
+      sentimentThresholdMax
+    },
+    isDark,
+    isDesktop,
+    labelCallback
   } = _ref;
   let selectedPrice;
-  const visibleXAxisData = xAxisData.slice(xAxisData.length * CHART_CONFIG.INITIAL_START_ZOOM / 100, xAxisData.length * CHART_CONFIG.INITIAL_END_ZOOM / 100);
+  const {
+    sentimentLongColor,
+    sentimentShortColor,
+    candleLongColor,
+    candleShortColor,
+    sentimentAreaOpacity,
+    tooltipLinesColor,
+    sentimentLabelColor
+  } = getChartStyles(isDark);
+  const visibleXAxisData = dates.slice(dates.length * CHART_CONFIG.INITIAL_START_ZOOM / 100, dates.length * CHART_CONFIG.INITIAL_END_ZOOM / 100);
   const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(visibleXAxisData[0], visibleXAxisData[visibleXAxisData.length - 1]);
   const labelsData = getLabelData({
-    xAxisData,
+    dates,
     isGreaterThanTwoWeeks
   });
-  const gridLines = getGridLines({
+  const gridMainLines = getGridLines({
     isDark,
-    chartWidth: CHART_CONFIG.WIDTH,
-    chartHeight: CHART_CONFIG.HEIGHT,
-    xLabelsSize: CHART_CONFIG.X_LABEL_SIZE,
-    yLabelSize: isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE,
-    bottomLeftBox: false
+    isDesktop
   });
   return {
     animation: false,
     dataZoom: [{
+      id: 'main',
       type: 'inside',
       xAxisIndex: 0,
       start: CHART_CONFIG.INITIAL_START_ZOOM,
-      end: CHART_CONFIG.INITIAL_END_ZOOM
+      end: CHART_CONFIG.INITIAL_END_ZOOM,
+      filterMode: 'filter'
+    }, {
+      id: 'sentiment',
+      type: 'inside',
+      xAxisIndex: 1,
+      start: CHART_CONFIG.INITIAL_START_ZOOM,
+      end: CHART_CONFIG.INITIAL_END_ZOOM,
+      filterMode: 'none'
     }],
     tooltip: {
       trigger: 'axis',
       axisPointer: {
         type: 'cross',
         axis: 'x',
+        lineStyle: {
+          color: tooltipLinesColor
+        },
         crossStyle: {
-          color: isDark ? colorPalette.orange : 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(displayPrecision), " ");
             }
             return null;
           }
@@ -73,13 +95,16 @@ export const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         bucketWidth,
         selectedPrice,
         labelCallback,
-        precision,
         bookType
       })
     },
-    xAxis: {
+    xAxis: [{
       type: 'category',
-      data: xAxisData,
+      name: 'xAxis-less-than-two-weeks',
+      nameTextStyle: {
+        fontSize: 0
+      },
+      id: 'main-xAxis',
       splitNumber: 1,
       axisTick: {
         show: false
@@ -89,12 +114,25 @@ export const getOption = (_ref, isDark, isDesktop, labelCallback) => {
         margin: 0,
         formatter: value => formatXAxisLabel(value, isGreaterThanTwoWeeks)
       }
-    },
-    yAxis: {
+    }, {
+      type: 'category',
+      gridIndex: 1,
+      show: false,
+      data: dates,
+      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,
+      min: val => val.min - bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
+      max: val => val.max + bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
       axisLine: {
         show: false
       },
@@ -104,19 +142,111 @@ export const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       axisLabel: {
         showMaxLabel: false,
         showMinLabel: false,
+        formatter: value => value.toFixed(displayPrecision - 1)
+      }
+    }, {
+      type: 'value',
+      gridIndex: 1,
+      position: 'right',
+      min: CHART_CONFIG.SENTIMENT_MIN,
+      max: CHART_CONFIG.SENTIMENT_MAX,
+      interval: CHART_CONFIG.SENTIMENT_INTERVAL,
+      axisLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        verticalAlignMaxLabel: 'top',
+        verticalAlignMinLabel: 'bottom',
+        lineHeight: 20,
         margin: isDesktop ? 4 : 2,
-        formatter: value => value.toFixed(precision - 1)
+        rich: {
+          shortRect: {
+            backgroundColor: chroma(sentimentShortColor).alpha(0.3).css(),
+            borderColor: sentimentShortColor,
+            borderWidth: 1,
+            width: 8,
+            height: 8
+          },
+          longRect: {
+            backgroundColor: chroma(sentimentLongColor).alpha(0.3).css(),
+            borderColor: sentimentLongColor,
+            borderWidth: 1,
+            width: 8,
+            height: 8
+          }
+        },
+        formatter: value => {
+          if (value === CHART_CONFIG.SENTIMENT_MIN) {
+            return "{shortRect| } ".concat(labelCallback('short'));
+          }
+          if (value === CHART_CONFIG.SENTIMENT_MAX) {
+            return "{longRect| } ".concat(labelCallback('long'));
+          }
+          if (value === CHART_CONFIG.SENTIMENT_MAX / 2) {
+            return '50%';
+          }
+          return undefined;
+        }
+      }
+    }],
+    axisPointer: {
+      link: [{
+        xAxisIndex: 'all'
+      }]
+    },
+    visualMap: {
+      show: false,
+      seriesId: 'sentiment',
+      dimension: 1,
+      pieces: [{
+        lt: CHART_CONFIG.SENTIMENT_MAX / 2,
+        color: sentimentShortColor
+      }, {
+        gte: CHART_CONFIG.SENTIMENT_MAX / 2,
+        lte: CHART_CONFIG.SENTIMENT_MAX,
+        color: sentimentLongColor
+      }, {
+        gt: CHART_CONFIG.SENTIMENT_MAX,
+        color: sentimentLongColor
+      }]
+    },
+    dataset: {
+      source: {
+        dates,
+        candlesOpen,
+        candlesClose,
+        candlesLow,
+        candlesHigh,
+        bookPrices,
+        bookIndexes,
+        sentimentShorts,
+        sentimentLongs
       }
     },
     series: [{
       type: 'candlestick',
       id: 'candlestick',
-      data: candlesSeriesData,
+      gridIndex: 0,
+      xAxisIndex: 0,
+      yAxisIndex: 0,
+      encode: {
+        x: 'dates',
+        y: ['open', 'close', 'low', 'high']
+      },
       itemStyle: {
-        color: isDark ? colorPalette.orange : colorPalette.raspberryLight,
-        color0: isDark ? colorPalette.bottleGreenDark : colorPalette.bottleGreenLight,
-        borderColor: isDark ? colorPalette.orange : colorPalette.raspberryLight,
-        borderColor0: isDark ? colorPalette.bottleGreenDark : colorPalette.bottleGreenLight
+        color: chroma(candleShortColor).desaturate().css(),
+        color0: chroma(candleLongColor).desaturate().css(),
+        borderColor: candleShortColor,
+        borderColor0: candleLongColor
+      },
+      emphasis: {
+        itemStyle: {
+          color: candleShortColor,
+          color0: candleLongColor
+        }
       },
       markPoint: {
         symbol: 'circle',
@@ -125,13 +255,24 @@ export const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       }
     }, {
       type: 'custom',
+      gridIndex: 0,
       name: 'heatmap',
       id: 'heatmap',
+      xAxisIndex: 0,
+      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 => {
@@ -149,7 +290,7 @@ export const getOption = (_ref, isDark, isDesktop, labelCallback) => {
               height: rectHeight
             },
             style: {
-              fill: getRectColor(sentiment, isDark)
+              fill: getRectColor(sentiment, isDark, sentimentThresholdMin, sentimentThresholdMax)
             },
             silent: true,
             emphasisDisabled: true
@@ -161,26 +302,90 @@ export const getOption = (_ref, isDark, isDesktop, labelCallback) => {
           silent: true,
           emphasisDisabled: true
         };
+      }
+    }, {
+      type: 'line',
+      name: 'sentiment-short',
+      id: 'sentiment',
+      xAxisIndex: 1,
+      yAxisIndex: 1,
+      showSymbol: false,
+      symbol: 'none',
+      lineStyle: {
+        width: 3,
+        opacity: 1
+      },
+      areaStyle: {
+        color: sentimentShortColor,
+        opacity: sentimentAreaOpacity
+      },
+      emphasis: {
+        disabled: true
+      },
+      stack: 'sentiment',
+      dimensions: ['dates', 'sentimentShorts', 'sentimentLongs'],
+      encode: {
+        x: 'dates',
+        y: 'sentimentShorts'
+      }
+    }, {
+      type: 'line',
+      name: 'sentiment-long',
+      id: 'sentiment-long',
+      xAxisIndex: 1,
+      yAxisIndex: 1,
+      symbol: 'none',
+      lineStyle: {
+        color: 'transparent',
+        width: 0
+      },
+      areaStyle: {
+        color: sentimentLongColor,
+        opacity: sentimentAreaOpacity
       },
-      data: orderPositionBooks
+      stack: 'sentiment',
+      emphasis: {
+        disabled: true
+      },
+      tooltip: {
+        show: false
+      },
+      dimensions: ['dates', 'sentimentLongs'],
+      encode: {
+        x: 'dates',
+        y: 'sentimentLongs'
+      }
     }],
     grid: [{
       name: 'main-grid',
+      id: 'main-grid',
+      height: "".concat(CHART_CONFIG.MAIN_HEIGHT, "px"),
       top: '0px',
       left: '0px',
       right: "".concat(isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE, "px"),
       bottom: "".concat(CHART_CONFIG.X_LABEL_SIZE, "px")
+    }, {
+      name: 'sentiment-grid',
+      id: 'sentiment-grid',
+      height: "".concat(CHART_CONFIG.SENTIMENT_HEIGHT, "px"),
+      bottom: "0px",
+      left: '0px',
+      right: "".concat(isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE, "px")
     }],
-    graphic: [...gridLines, _objectSpread(_objectSpread({}, 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: CHART_CONFIG_CALCULATED.SENTIMENT_TEXT_POSITION,
+      style: {
+        text: "".concat(labelCallback('sentiment'), ":"),
+        fontFamily: 'Sofia W03',
+        fontSize: 14,
+        fontWeight: 'bold',
+        fill: sentimentLabelColor
       }
-    })]
+    }]
   };
 };
 //# sourceMappingURL=chartOptions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chartOptions.js","names":["colorPalette","getGridLines","getLineCommons","themeColors","CHART_CONFIG","formatXAxisLabel","getLabelData","getRectColor","getTooltipFormatter","isDifferenceGreaterThanTwoWeeks","getOption","_ref","isDark","isDesktop","labelCallback","xAxisData","candlesSeriesData","orderPositionBooks","bucketWidth","buckets","precision","bookType","selectedPrice","visibleXAxisData","slice","length","INITIAL_START_ZOOM","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","labelsData","gridLines","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","orange","borderPrimary","light","label","formatter","params","axisDimension","Number","value","toFixed","date","Date","toLocaleString","undefined","hour","minute","day","month","confine","xAxis","data","splitNumber","axisTick","show","axisLabel","padding","margin","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","emphasisDisabled","children","grid","top","left","right","concat","bottom","graphic","_objectSpread","x1","y1","x2","y2"],"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":[]}
+{"version":3,"file":"chartOptions.js","names":["chroma","BUCKET_CONFIG","CHART_CONFIG","CHART_CONFIG_CALCULATED","formatXAxisLabel","getLabelData","getRectColor","getTooltipFormatter","isDifferenceGreaterThanTwoWeeks","getChartStyles","getGridLines","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","visibleXAxisData","slice","length","INITIAL_START_ZOOM","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","labelsData","gridMainLines","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","xAxis","name","nameTextStyle","fontSize","splitNumber","axisTick","show","axisLabel","margin","gridIndex","data","yAxis","position","min","val","PRICE_MARGIN_MULTIPLIER","max","axisLine","showMaxLabel","showMinLabel","SENTIMENT_MIN","SENTIMENT_MAX","interval","SENTIMENT_INTERVAL","verticalAlignMaxLabel","verticalAlignMinLabel","rich","shortRect","backgroundColor","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","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","SENTIMENT_TEXT_POSITION","text","fontFamily","fontWeight"],"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/module/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\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":[]}
+{"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":[]}