@oanda/labs-crowd-view-widget 1.0.55 → 1.0.57

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

@@ -5,26 +5,41 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getGridConfig = void 0;
 var _constants = require("../../../constants");
+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); }
 const getGridConfig = _ref => {
   let {
     isDesktop
   } = _ref;
-  return [{
+  const {
+    Y_SENTIMENT_LABEL_DESKTOP_SIZE,
+    Y_SENTIMENT_LABEL_MOBILE_SIZE,
+    Y_LABEL_SIZE_DESKTOP,
+    Y_LABEL_SIZE_MOBILE,
+    TOP_LABEL_SPACE_DESKTOP,
+    TOP_LABEL_SPACE_MOBILE,
+    MAIN_HEIGHT_DESKTOP,
+    MAIN_HEIGHT_MOBILE,
+    TOOLTIP_HEIGHT_MOBILE,
+    TOOLTIP_HEIGHT_DESKTOP
+  } = _constants.CHART_CONFIG;
+  const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;
+  const position = {
+    left: "".concat(isDesktop ? Y_SENTIMENT_LABEL_DESKTOP_SIZE : Y_SENTIMENT_LABEL_MOBILE_SIZE, "px"),
+    right: "".concat(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE, "px"),
+    top: "".concat(isDesktop ? TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE, "px"),
+    height: "".concat(mainHeight, "px")
+  };
+  return [_objectSpread({
     id: 'main-grid',
-    name: 'main-grid',
-    left: "".concat(isDesktop ? _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE, "px"),
-    right: "".concat(isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE, "px"),
-    top: "".concat(isDesktop ? _constants.CHART_CONFIG.TOP_MARGIN_DESKTOP : _constants.CHART_CONFIG.TOP_MARGIN_MOBILE, "px"),
-    bottom: "".concat(_constants.CHART_CONFIG.X_LABEL_SIZE, "px"),
-    height: "".concat(isDesktop ? _constants.CHART_CONFIG.MAIN_HEIGHT - _constants.CHART_CONFIG.TOP_MARGIN_DESKTOP : _constants.CHART_CONFIG.MAIN_HEIGHT - _constants.CHART_CONFIG.TOP_MARGIN_MOBILE, "px")
-  }, {
+    name: 'main-grid'
+  }, position), _objectSpread({
     id: 'sentiment-grid',
-    name: 'sentiment-grid',
-    left: "".concat(isDesktop ? _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE, "px"),
-    right: "".concat(isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE, "px"),
-    top: "".concat(isDesktop ? _constants.CHART_CONFIG.TOP_MARGIN_DESKTOP : _constants.CHART_CONFIG.TOP_MARGIN_MOBILE, "px"),
-    height: "".concat(isDesktop ? _constants.CHART_CONFIG.MAIN_HEIGHT - _constants.CHART_CONFIG.TOP_MARGIN_DESKTOP : _constants.CHART_CONFIG.MAIN_HEIGHT - _constants.CHART_CONFIG.TOP_MARGIN_MOBILE, "px")
-  }];
+    name: 'sentiment-grid'
+  }, position)];
 };
 exports.getGridConfig = getGridConfig;
 //# sourceMappingURL=getGridConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getGridConfig.js","names":["_constants","require","getGridConfig","_ref","isDesktop","id","name","left","concat","CHART_CONFIG","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","right","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","top","TOP_MARGIN_DESKTOP","TOP_MARGIN_MOBILE","bottom","X_LABEL_SIZE","height","MAIN_HEIGHT","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getGridConfig.ts"],"sourcesContent":["import type { GridComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetGridConfigParams {\n  isDesktop: boolean;\n}\n\nexport const getGridConfig = ({\n  isDesktop,\n}: GetGridConfigParams): GridComponentOption[] => [\n  {\n    id: 'main-grid',\n    name: 'main-grid',\n    left: `${isDesktop ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE}px`,\n    right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n    top: `${isDesktop ? CHART_CONFIG.TOP_MARGIN_DESKTOP : CHART_CONFIG.TOP_MARGIN_MOBILE}px`,\n    bottom: `${CHART_CONFIG.X_LABEL_SIZE}px`,\n    height: `${isDesktop ? CHART_CONFIG.MAIN_HEIGHT - CHART_CONFIG.TOP_MARGIN_DESKTOP : CHART_CONFIG.MAIN_HEIGHT - CHART_CONFIG.TOP_MARGIN_MOBILE}px`,\n  },\n  {\n    id: 'sentiment-grid',\n    name: 'sentiment-grid',\n    left: `${isDesktop ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE}px`,\n    right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n    top: `${isDesktop ? CHART_CONFIG.TOP_MARGIN_DESKTOP : CHART_CONFIG.TOP_MARGIN_MOBILE}px`,\n    height: `${isDesktop ? CHART_CONFIG.MAIN_HEIGHT - CHART_CONFIG.TOP_MARGIN_DESKTOP : CHART_CONFIG.MAIN_HEIGHT - CHART_CONFIG.TOP_MARGIN_MOBILE}px`,\n  },\n];\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAMO,MAAMC,aAAa,GAAGC,IAAA;EAAA,IAAC;IAC5BC;EACmB,CAAC,GAAAD,IAAA;EAAA,OAA4B,CAChD;IACEE,EAAE,EAAE,WAAW;IACfC,IAAI,EAAE,WAAW;IACjBC,IAAI,KAAAC,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACC,8BAA8B,GAAGD,uBAAY,CAACE,6BAA6B,OAAI;IACjHC,KAAK,KAAAJ,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACI,oBAAoB,GAAGJ,uBAAY,CAACK,mBAAmB,OAAI;IAC9FC,GAAG,KAAAP,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACO,kBAAkB,GAAGP,uBAAY,CAACQ,iBAAiB,OAAI;IACxFC,MAAM,KAAAV,MAAA,CAAKC,uBAAY,CAACU,YAAY,OAAI;IACxCC,MAAM,KAAAZ,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACY,WAAW,GAAGZ,uBAAY,CAACO,kBAAkB,GAAGP,uBAAY,CAACY,WAAW,GAAGZ,uBAAY,CAACQ,iBAAiB;EAC/I,CAAC,EACD;IACEZ,EAAE,EAAE,gBAAgB;IACpBC,IAAI,EAAE,gBAAgB;IACtBC,IAAI,KAAAC,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACC,8BAA8B,GAAGD,uBAAY,CAACE,6BAA6B,OAAI;IACjHC,KAAK,KAAAJ,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACI,oBAAoB,GAAGJ,uBAAY,CAACK,mBAAmB,OAAI;IAC9FC,GAAG,KAAAP,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACO,kBAAkB,GAAGP,uBAAY,CAACQ,iBAAiB,OAAI;IACxFG,MAAM,KAAAZ,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACY,WAAW,GAAGZ,uBAAY,CAACO,kBAAkB,GAAGP,uBAAY,CAACY,WAAW,GAAGZ,uBAAY,CAACQ,iBAAiB;EAC/I,CAAC,CACF;AAAA;AAACK,OAAA,CAAApB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"getGridConfig.js","names":["_constants","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getGridConfig","_ref","isDesktop","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","TOP_LABEL_SPACE_DESKTOP","TOP_LABEL_SPACE_MOBILE","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","TOOLTIP_HEIGHT_MOBILE","TOOLTIP_HEIGHT_DESKTOP","CHART_CONFIG","mainHeight","position","left","concat","right","top","height","id","name","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getGridConfig.ts"],"sourcesContent":["import type { GridComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetGridConfigParams {\n  isDesktop: boolean;\n}\n\nexport const getGridConfig = ({\n  isDesktop,\n}: GetGridConfigParams): GridComponentOption[] => {\n  const {\n    Y_SENTIMENT_LABEL_DESKTOP_SIZE,\n    Y_SENTIMENT_LABEL_MOBILE_SIZE,\n    Y_LABEL_SIZE_DESKTOP,\n    Y_LABEL_SIZE_MOBILE,\n    TOP_LABEL_SPACE_DESKTOP,\n    TOP_LABEL_SPACE_MOBILE,\n    MAIN_HEIGHT_DESKTOP,\n    MAIN_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_DESKTOP,\n  } = CHART_CONFIG;\n\n  const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;\n\n  const position = {\n    left: `${isDesktop ? Y_SENTIMENT_LABEL_DESKTOP_SIZE : Y_SENTIMENT_LABEL_MOBILE_SIZE}px`,\n    right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n    top: `${isDesktop ? TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE}px`,\n    height: `${mainHeight}px`,\n  };\n  return [\n    {\n      id: 'main-grid',\n      name: 'main-grid',\n      ...position,\n    },\n    {\n      id: 'sentiment-grid',\n      name: 'sentiment-grid',\n      ...position,\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -18,12 +18,22 @@ const getGridLines = _ref => {
   } = _ref;
   const {
     WIDTH,
-    MAIN_HEIGHT,
-    X_LABEL_SIZE
+    MAIN_HEIGHT_DESKTOP,
+    MAIN_HEIGHT_MOBILE,
+    X_LABEL_SIZE,
+    TOOLTIP_HEIGHT_MOBILE,
+    TOOLTIP_HEIGHT_DESKTOP,
+    Y_SENTIMENT_LABEL_DESKTOP_SIZE,
+    Y_SENTIMENT_LABEL_MOBILE_SIZE,
+    Y_LABEL_SIZE_DESKTOP,
+    Y_LABEL_SIZE_MOBILE,
+    TOP_LABEL_SPACE_MOBILE
   } = _constants.CHART_CONFIG;
-  const ySentimentLabelSize = isDesktop ? _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;
-  const yLabelSize = isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE;
-  const topMargin = isDesktop ? 0 : _constants.CHART_CONFIG.TOP_MARGIN_MOBILE;
+  const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;
+  const ySentimentLabelSize = isDesktop ? Y_SENTIMENT_LABEL_DESKTOP_SIZE : Y_SENTIMENT_LABEL_MOBILE_SIZE;
+  const yLabelSize = isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE;
+  const topMargin = isDesktop ? _constants.CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE;
+  const tooltipHeight = isDesktop ? TOOLTIP_HEIGHT_DESKTOP : TOOLTIP_HEIGHT_MOBILE;
   return [_objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
     top: -2,
     shape: {
@@ -39,7 +49,7 @@ const getGridLines = _ref => {
       x1: 0,
       y1: 0,
       x2: 0,
-      y2: MAIN_HEIGHT + X_LABEL_SIZE + 2
+      y2: mainHeight + topMargin + X_LABEL_SIZE + 2
     },
     z: 30
   }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
@@ -57,7 +67,7 @@ const getGridLines = _ref => {
       x1: 0,
       y1: 0,
       x2: 0,
-      y2: MAIN_HEIGHT + X_LABEL_SIZE + 2
+      y2: mainHeight + X_LABEL_SIZE + topMargin + 2
     },
     z: 30
   }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
@@ -67,7 +77,7 @@ const getGridLines = _ref => {
       x1: 0,
       y1: 0,
       x2: 0,
-      y2: MAIN_HEIGHT - topMargin
+      y2: mainHeight
     },
     z: 30
   }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
@@ -77,7 +87,7 @@ const getGridLines = _ref => {
       x1: 0,
       y1: 0,
       x2: 0,
-      y2: MAIN_HEIGHT - topMargin
+      y2: mainHeight
     },
     z: 30
   }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
@@ -98,6 +108,15 @@ const getGridLines = _ref => {
       y2: 0
     },
     z: 30
+  }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
+    top: tooltipHeight - 3,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: WIDTH,
+      y2: 0
+    },
+    z: 30
   })];
 };
 exports.getGridLines = getGridLines;

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

@@ -1 +1 @@
-{"version":3,"file":"getGridLines.js","names":["_labsWidgetCommon","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getGridLines","_ref","isDark","isDesktop","WIDTH","MAIN_HEIGHT","X_LABEL_SIZE","CHART_CONFIG","ySentimentLabelSize","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","topMargin","TOP_MARGIN_MOBILE","getLineCommons","top","shape","x1","y1","x2","y2","z","right","bottom","left","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getGridLines.ts"],"sourcesContent":["import { getLineCommons } from '@oanda/labs-widget-common';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetGridLinesParams {\n  isDark: boolean;\n  isDesktop: boolean;\n}\n\nexport const getGridLines = ({\n  isDark,\n  isDesktop,\n}: GetGridLinesParams): GraphicComponentOption[] => {\n  const { WIDTH, MAIN_HEIGHT, X_LABEL_SIZE } = CHART_CONFIG;\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const topMargin = isDesktop ? 0 : CHART_CONFIG.TOP_MARGIN_MOBILE;\n\n  return [\n    // Top\n    {\n      ...getLineCommons(isDark),\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Right\n    {\n      ...getLineCommons(isDark),\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,\n      },\n      z: 30,\n    },\n    // Bottom\n    {\n      ...getLineCommons(isDark),\n      bottom: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Left\n    {\n      ...getLineCommons(isDark),\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,\n      },\n      z: 30,\n    },\n    // Y Label\n    {\n      ...getLineCommons(isDark),\n      right: yLabelSize - 3,\n      top: topMargin - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT - topMargin,\n      },\n      z: 30,\n    },\n    // Y Sentiment Label\n    {\n      ...getLineCommons(isDark),\n      left: ySentimentLabelSize - 2,\n      top: topMargin - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT - topMargin,\n      },\n      z: 30,\n    },\n    // X Label\n    {\n      ...getLineCommons(isDark),\n      bottom: X_LABEL_SIZE - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // X Mobile Label\n    {\n      ...getLineCommons(isDark),\n      top: topMargin - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getGridLines.js","names":["_labsWidgetCommon","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getGridLines","_ref","isDark","isDesktop","WIDTH","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","X_LABEL_SIZE","TOOLTIP_HEIGHT_MOBILE","TOOLTIP_HEIGHT_DESKTOP","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","TOP_LABEL_SPACE_MOBILE","CHART_CONFIG","mainHeight","ySentimentLabelSize","yLabelSize","topMargin","TOP_LABEL_SPACE_DESKTOP","tooltipHeight","getLineCommons","top","shape","x1","y1","x2","y2","z","right","bottom","left","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getGridLines.ts"],"sourcesContent":["import { getLineCommons } from '@oanda/labs-widget-common';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetGridLinesParams {\n  isDark: boolean;\n  isDesktop: boolean;\n}\n\nexport const getGridLines = ({\n  isDark,\n  isDesktop,\n}: GetGridLinesParams): GraphicComponentOption[] => {\n  const {\n    WIDTH,\n    MAIN_HEIGHT_DESKTOP,\n    MAIN_HEIGHT_MOBILE,\n    X_LABEL_SIZE,\n    TOOLTIP_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_DESKTOP,\n    Y_SENTIMENT_LABEL_DESKTOP_SIZE,\n    Y_SENTIMENT_LABEL_MOBILE_SIZE,\n    Y_LABEL_SIZE_DESKTOP,\n    Y_LABEL_SIZE_MOBILE,\n    TOP_LABEL_SPACE_MOBILE,\n  } = CHART_CONFIG;\n\n  const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;\n  const ySentimentLabelSize = isDesktop\n    ? Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yLabelSize = isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP\n    : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE;\n\n  const tooltipHeight = isDesktop\n    ? TOOLTIP_HEIGHT_DESKTOP\n    : TOOLTIP_HEIGHT_MOBILE;\n\n  return [\n    // Top\n    {\n      ...getLineCommons(isDark),\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Right\n    {\n      ...getLineCommons(isDark),\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight + topMargin + X_LABEL_SIZE + 2,\n      },\n      z: 30,\n    },\n    // Bottom\n    {\n      ...getLineCommons(isDark),\n      bottom: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Left\n    {\n      ...getLineCommons(isDark),\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight + X_LABEL_SIZE + topMargin + 2,\n      },\n      z: 30,\n    },\n    // Y Label\n    {\n      ...getLineCommons(isDark),\n      right: yLabelSize - 3,\n      top: topMargin - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight,\n      },\n      z: 30,\n    },\n    // Y Sentiment Label\n    {\n      ...getLineCommons(isDark),\n      left: ySentimentLabelSize - 2,\n      top: topMargin - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight,\n      },\n      z: 30,\n    },\n    // X Label\n    {\n      ...getLineCommons(isDark),\n      bottom: X_LABEL_SIZE - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // X Mobile Label\n    {\n      ...getLineCommons(isDark),\n      top: topMargin - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Mobile tooltip,\n    {\n      ...getLineCommons(isDark),\n      top: tooltipHeight - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -26,7 +26,8 @@ const getLabelsConfig = _ref => {
   const priceEstimatedWidth = 10 * priceText.length * 0.65;
   const sentimentVerticalOffset = sentimentEstimatedWidth / 2;
   const priceVerticalOffset = priceEstimatedWidth / 2;
-  const topMargin = isDesktop ? _constants.CHART_CONFIG.TOP_MARGIN_DESKTOP : _constants.CHART_CONFIG.TOP_MARGIN_MOBILE;
+  const topMargin = isDesktop ? _constants.CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + _constants.CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP : _constants.CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + _constants.CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;
+  const mainHeight = isDesktop ? _constants.CHART_CONFIG.MAIN_HEIGHT_DESKTOP : _constants.CHART_CONFIG.MAIN_HEIGHT_MOBILE;
   return [{
     type: 'group',
     left: "".concat(ySentimentLabelSize + 5, "px'"),
@@ -66,7 +67,7 @@ const getLabelsConfig = _ref => {
   }, {
     type: 'group',
     left: "".concat(ySentimentLabelSize + 5, "px'"),
-    top: "".concat(_constants.CHART_CONFIG.MAIN_HEIGHT - 24 - 5, "px"),
+    top: "".concat(topMargin + mainHeight - 24 - 5, "px"),
     silent: true,
     children: [{
       type: 'rect',
@@ -104,7 +105,7 @@ const getLabelsConfig = _ref => {
     z: 30,
     rotation: isDesktop ? Math.PI / 2 : 0,
     left: "5px",
-    top: isDesktop ? "".concat(topMargin + _constants.CHART_CONFIG.MAIN_HEIGHT / 2 - sentimentVerticalOffset, "px") : "".concat(topMargin - 18, "px"),
+    top: isDesktop ? "".concat(topMargin + mainHeight / 2 - sentimentVerticalOffset, "px") : "".concat(topMargin - 16, "px"),
     silent: true,
     style: {
       fontSize: 10,
@@ -118,7 +119,7 @@ const getLabelsConfig = _ref => {
     z: 30,
     rotation: isDesktop ? -Math.PI / 2 : 0,
     right: "5px",
-    top: isDesktop ? "".concat(topMargin + _constants.CHART_CONFIG.MAIN_HEIGHT / 2 - priceVerticalOffset, "px") : "".concat(topMargin - 18, "px"),
+    top: isDesktop ? "".concat(topMargin + mainHeight / 2 - priceVerticalOffset, "px") : "".concat(topMargin - 16, "px"),
     silent: true,
     style: {
       fontSize: 10,
@@ -131,10 +132,10 @@ const getLabelsConfig = _ref => {
     type: 'rect',
     z: 20,
     right: '0px',
-    top: '0px',
+    top: "".concat(topMargin, "px"),
     shape: {
       width: yMainLabelSize,
-      height: _constants.CHART_CONFIG.MAIN_HEIGHT
+      height: mainHeight
     },
     silent: true,
     style: {
@@ -144,15 +145,26 @@ const getLabelsConfig = _ref => {
     type: 'rect',
     z: 20,
     left: '0px',
-    top: '0px',
+    top: "".concat(topMargin, "px"),
     shape: {
       width: ySentimentLabelSize,
-      height: _constants.CHART_CONFIG.MAIN_HEIGHT
+      height: mainHeight
     },
     silent: true,
     style: {
       fill: backgroundColor
     }
+  }, {
+    type: 'text',
+    z: 20,
+    left: 'center',
+    top: isDesktop ? _constants.CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5 : _constants.CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,
+    silent: true,
+    style: {
+      fontSize: isDesktop ? 12 : 11,
+      fill: textColor,
+      text: isDesktop ? labelCallback('hover_chart_to_see_more_details') : labelCallback('tap_chart_to_see_more_details')
+    }
   }];
 };
 exports.getLabelsConfig = getLabelsConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"getLabelsConfig.js","names":["_labsWidgetCommon","require","_chromaJs","_interopRequireDefault","_constants","e","__esModule","default","getLabelsConfig","_ref","isDark","isDesktop","labelCallback","ySentimentLabelSize","CHART_CONFIG","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yMainLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","textColor","colorPalette","white","black","labelBackgroundColor","darkGray","backgroundColor","shadowColor","chroma","alpha","hex","sentimentText","toUpperCase","priceText","sentimentEstimatedWidth","length","priceEstimatedWidth","sentimentVerticalOffset","priceVerticalOffset","topMargin","TOP_MARGIN_DESKTOP","TOP_MARGIN_MOBILE","type","left","concat","top","silent","children","z","right","shape","width","height","style","fill","shadowBlur","shadowOffsetX","shadowOffsetY","fontSize","fontFamily","fontWeight","text","MAIN_HEIGHT","rotation","Math","PI","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport chroma from 'chroma-js';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface getLabelsConfigParams {\n  isDark: boolean;\n  isDesktop: boolean;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getLabelsConfig = ({\n  isDark,\n  isDesktop,\n  labelCallback,\n}: getLabelsConfigParams): GraphicComponentOption[] => {\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yMainLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const textColor = isDark ? colorPalette.white : colorPalette.black;\n  const labelBackgroundColor = isDark\n    ? colorPalette.darkGray\n    : colorPalette.white;\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();\n\n  // Estimate text width for centering rotated text\n  // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)\n  const sentimentText = labelCallback('sentiment').toUpperCase();\n  const priceText = labelCallback('price').toUpperCase();\n  const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;\n  const priceEstimatedWidth = 10 * priceText.length * 0.65;\n  const sentimentVerticalOffset = sentimentEstimatedWidth / 2;\n  const priceVerticalOffset = priceEstimatedWidth / 2;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_MARGIN_DESKTOP\n    : CHART_CONFIG.TOP_MARGIN_MOBILE;\n\n  return [\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('short'),\n          },\n        },\n      ],\n    },\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${CHART_CONFIG.MAIN_HEIGHT - 24 - 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('long'),\n          },\n        },\n      ],\n    },\n\n    {\n      type: 'text',\n      z: 30,\n      rotation: isDesktop ? Math.PI / 2 : 0,\n      left: `5px`,\n      top: isDesktop\n        ? `${topMargin + CHART_CONFIG.MAIN_HEIGHT / 2 - sentimentVerticalOffset}px`\n        : `${topMargin - 18}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: sentimentText,\n      },\n    },\n    {\n      type: 'text',\n      z: 30,\n      rotation: isDesktop ? -Math.PI / 2 : 0,\n      right: `5px`,\n      top: isDesktop\n        ? `${topMargin + CHART_CONFIG.MAIN_HEIGHT / 2 - priceVerticalOffset}px`\n        : `${topMargin - 18}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: priceText,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      right: '0px',\n      top: '0px',\n      shape: {\n        width: yMainLabelSize,\n        height: CHART_CONFIG.MAIN_HEIGHT,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      left: '0px',\n      top: '0px',\n      shape: {\n        width: ySentimentLabelSize,\n        height: CHART_CONFIG.MAIN_HEIGHT,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getLabelsConfig.js","names":["_labsWidgetCommon","require","_chromaJs","_interopRequireDefault","_constants","e","__esModule","default","getLabelsConfig","_ref","isDark","isDesktop","labelCallback","ySentimentLabelSize","CHART_CONFIG","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yMainLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","textColor","colorPalette","white","black","labelBackgroundColor","darkGray","backgroundColor","shadowColor","chroma","alpha","hex","sentimentText","toUpperCase","priceText","sentimentEstimatedWidth","length","priceEstimatedWidth","sentimentVerticalOffset","priceVerticalOffset","topMargin","TOP_LABEL_SPACE_DESKTOP","TOOLTIP_HEIGHT_DESKTOP","TOP_LABEL_SPACE_MOBILE","TOOLTIP_HEIGHT_MOBILE","mainHeight","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","type","left","concat","top","silent","children","z","right","shape","width","height","style","fill","shadowBlur","shadowOffsetX","shadowOffsetY","fontSize","fontFamily","fontWeight","text","rotation","Math","PI","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport chroma from 'chroma-js';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface getLabelsConfigParams {\n  isDark: boolean;\n  isDesktop: boolean;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getLabelsConfig = ({\n  isDark,\n  isDesktop,\n  labelCallback,\n}: getLabelsConfigParams): GraphicComponentOption[] => {\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yMainLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const textColor = isDark ? colorPalette.white : colorPalette.black;\n  const labelBackgroundColor = isDark\n    ? colorPalette.darkGray\n    : colorPalette.white;\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();\n\n  // Estimate text width for centering rotated text\n  // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)\n  const sentimentText = labelCallback('sentiment').toUpperCase();\n  const priceText = labelCallback('price').toUpperCase();\n  const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;\n  const priceEstimatedWidth = 10 * priceText.length * 0.65;\n  const sentimentVerticalOffset = sentimentEstimatedWidth / 2;\n  const priceVerticalOffset = priceEstimatedWidth / 2;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP\n    : CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;\n\n  const mainHeight = isDesktop\n    ? CHART_CONFIG.MAIN_HEIGHT_DESKTOP\n    : CHART_CONFIG.MAIN_HEIGHT_MOBILE;\n\n  return [\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('short'),\n          },\n        },\n      ],\n    },\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + mainHeight - 24 - 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('long'),\n          },\n        },\n      ],\n    },\n\n    {\n      type: 'text',\n      z: 30,\n      rotation: isDesktop ? Math.PI / 2 : 0,\n      left: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: sentimentText,\n      },\n    },\n    {\n      type: 'text',\n      z: 30,\n      rotation: isDesktop ? -Math.PI / 2 : 0,\n      right: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: priceText,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      right: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: yMainLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      left: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: ySentimentLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'text',\n      z: 20,\n      left: 'center',\n      top: isDesktop\n        ? CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5\n        : CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,\n      silent: true,\n      style: {\n        fontSize: isDesktop ? 12 : 11,\n        fill: textColor,\n        text: isDesktop\n          ? labelCallback('hover_chart_to_see_more_details')\n          : labelCallback('tap_chart_to_see_more_details'),\n      },\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,21 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTooltipConfig = void 0;
-var _constants = require("../../../constants");
 var _chartUtils = require("../chartUtils");
 const getTooltipConfig = _ref => {
   let {
     bookType,
     bucketWidth,
     buckets,
-    displayPrecision,
     labelCallback,
     selectedPriceRef,
     tooltipLinesColor,
     sentimentLongs,
-    sentimentShorts
+    sentimentShorts,
+    isDesktop,
+    isDark,
+    locale
   } = _ref;
   return {
+    backgroundColor: 'transparent',
+    shadowColor: 'transparent',
+    extraCssText: 'width: 100%; z-index: 5;',
+    padding: 4,
+    textStyle: isDesktop ? {
+      fontSize: 12
+    } : {
+      fontSize: 10,
+      lineHeight: 12
+    },
+    alwaysShowContent: true,
     trigger: 'axis',
     formatter: params => (0, _chartUtils.getTooltipFormatter)({
       bookType,
@@ -28,7 +40,10 @@ const getTooltipConfig = _ref => {
       params: params,
       selectedPrice: selectedPriceRef.current,
       sentimentLongs,
-      sentimentShorts
+      sentimentShorts,
+      isDesktop,
+      locale,
+      isDark
     }),
     hideDelay: 0,
     axisPointer: {
@@ -40,20 +55,10 @@ const getTooltipConfig = _ref => {
       crossStyle: {
         color: tooltipLinesColor
       },
-      label: {
-        padding: 0,
-        lineHeight: 24,
-        formatter: params => {
-          if (params.axisDimension === 'y' && params.axisIndex === 0) {
-            selectedPriceRef.current = Number(params.value);
-            return " ".concat(Number(params.value).toFixed(displayPrecision), " ");
-          }
-          return '';
-        }
-      }
+      z: 30
     },
     confine: true,
-    position: point => [point[0] + _constants.CHART_CONFIG.TOOLTIP_OFFSET, point[1] + _constants.CHART_CONFIG.TOOLTIP_OFFSET]
+    position: [0, 0]
   };
 };
 exports.getTooltipConfig = getTooltipConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"getTooltipConfig.js","names":["_constants","require","_chartUtils","getTooltipConfig","_ref","bookType","bucketWidth","buckets","displayPrecision","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","trigger","formatter","params","getTooltipFormatter","selectedPrice","current","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","label","padding","lineHeight","axisDimension","axisIndex","Number","value","concat","toFixed","confine","position","point","CHART_CONFIG","TOOLTIP_OFFSET","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getTooltipConfig.ts"],"sourcesContent":["import type { TooltipComponentOption } from 'echarts';\n\nimport type { BookType } from '../../../../gql/types/graphql';\nimport { CHART_CONFIG } from '../../../constants';\nimport { getTooltipFormatter } from '../chartUtils';\nimport type { Bucket, TooltipParam } from '../types';\n\ninterface GetTooltipConfigParams {\n  bookType: BookType;\n  bucketWidth: number;\n  buckets: Bucket[][];\n  displayPrecision: number;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n  selectedPriceRef: { current: number };\n  tooltipLinesColor: string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  displayPrecision,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\n  sentimentLongs,\n  sentimentShorts,\n}: GetTooltipConfigParams): TooltipComponentOption => ({\n  trigger: 'axis' as const,\n  formatter: (params) =>\n    getTooltipFormatter({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      params: params as unknown as TooltipParam[],\n      selectedPrice: selectedPriceRef.current,\n      sentimentLongs,\n      sentimentShorts,\n    }),\n  hideDelay: 0,\n  axisPointer: {\n    type: 'cross' as const,\n    axis: 'x' as const,\n    lineStyle: {\n      color: tooltipLinesColor,\n    },\n    crossStyle: {\n      color: tooltipLinesColor,\n    },\n    label: {\n      padding: 0,\n      lineHeight: 24,\n      formatter: (params: {\n        axisDimension?: string;\n        axisIndex?: number;\n        value: unknown;\n      }) => {\n        if (params.axisDimension === 'y' && params.axisIndex === 0) {\n          selectedPriceRef.current = Number(params.value);\n          return ` ${Number(params.value).toFixed(displayPrecision)} `;\n        }\n        return '';\n      },\n    },\n  },\n  confine: true,\n  position: (point) => [\n    point[0] + CHART_CONFIG.TOOLTIP_OFFSET,\n    point[1] + CHART_CONFIG.TOOLTIP_OFFSET,\n  ],\n});\n"],"mappings":";;;;;;AAGA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAeO,MAAME,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,gBAAgB;IAChBC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACdC;EACsB,CAAC,GAAAT,IAAA;EAAA,OAA8B;IACrDU,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChB,IAAAC,+BAAmB,EAAC;MAClBZ,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPE,aAAa;MACbO,MAAM,EAAEA,MAAmC;MAC3CE,aAAa,EAAER,gBAAgB,CAACS,OAAO;MACvCP,cAAc;MACdC;IACF,CAAC,CAAC;IACJO,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAEd;MACT,CAAC;MACDe,UAAU,EAAE;QACVD,KAAK,EAAEd;MACT,CAAC;MACDgB,KAAK,EAAE;QACLC,OAAO,EAAE,CAAC;QACVC,UAAU,EAAE,EAAE;QACdd,SAAS,EAAGC,MAIX,IAAK;UACJ,IAAIA,MAAM,CAACc,aAAa,KAAK,GAAG,IAAId,MAAM,CAACe,SAAS,KAAK,CAAC,EAAE;YAC1DrB,gBAAgB,CAACS,OAAO,GAAGa,MAAM,CAAChB,MAAM,CAACiB,KAAK,CAAC;YAC/C,WAAAC,MAAA,CAAWF,MAAM,CAAChB,MAAM,CAACiB,KAAK,CAAC,CAACE,OAAO,CAAC3B,gBAAgB,CAAC;UAC3D;UACA,OAAO,EAAE;QACX;MACF;IACF,CAAC;IACD4B,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAGC,KAAK,IAAK,CACnBA,KAAK,CAAC,CAAC,CAAC,GAAGC,uBAAY,CAACC,cAAc,EACtCF,KAAK,CAAC,CAAC,CAAC,GAAGC,uBAAY,CAACC,cAAc;EAE1C,CAAC;AAAA,CAAC;AAACC,OAAA,CAAAtC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"getTooltipConfig.js","names":["_chartUtils","require","getTooltipConfig","_ref","bookType","bucketWidth","buckets","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","isDesktop","isDark","locale","backgroundColor","shadowColor","extraCssText","padding","textStyle","fontSize","lineHeight","alwaysShowContent","trigger","formatter","params","getTooltipFormatter","selectedPrice","current","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","z","confine","position","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getTooltipConfig.ts"],"sourcesContent":["import type { TooltipComponentOption } from 'echarts';\n\nimport type { BookType } from '../../../../gql/types/graphql';\nimport { getTooltipFormatter } from '../chartUtils';\nimport type { Bucket, TooltipParam } from '../types';\n\ninterface GetTooltipConfigParams {\n  bookType: BookType;\n  bucketWidth: number;\n  buckets: Bucket[][];\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n  selectedPriceRef: { current: number };\n  tooltipLinesColor: string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  isDark: boolean;\n  locale: string;\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  isDark,\n  locale,\n}: GetTooltipConfigParams): TooltipComponentOption => ({\n  backgroundColor: 'transparent',\n  shadowColor: 'transparent',\n  extraCssText: 'width: 100%; z-index: 5;',\n  padding: 4,\n  textStyle: isDesktop\n    ? {\n        fontSize: 12,\n      }\n    : {\n        fontSize: 10,\n        lineHeight: 12,\n      },\n  alwaysShowContent: true,\n  trigger: 'axis' as const,\n  formatter: (params) =>\n    getTooltipFormatter({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      params: params as unknown as TooltipParam[],\n      selectedPrice: selectedPriceRef.current,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      locale,\n      isDark,\n    }),\n  hideDelay: 0,\n  axisPointer: {\n    type: 'cross' as const,\n    axis: 'x' as const,\n    lineStyle: {\n      color: tooltipLinesColor,\n    },\n    crossStyle: {\n      color: tooltipLinesColor,\n    },\n    z: 30,\n  },\n  confine: true,\n  position: [0, 0],\n});\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAiBO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACdC,eAAe;IACfC,SAAS;IACTC,MAAM;IACNC;EACsB,CAAC,GAAAX,IAAA;EAAA,OAA8B;IACrDY,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,aAAa;IAC1BC,YAAY,EAAE,0BAA0B;IACxCC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAEP,SAAS,GAChB;MACEQ,QAAQ,EAAE;IACZ,CAAC,GACD;MACEA,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACLC,iBAAiB,EAAE,IAAI;IACvBC,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChB,IAAAC,+BAAmB,EAAC;MAClBtB,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPC,aAAa;MACbkB,MAAM,EAAEA,MAAmC;MAC3CE,aAAa,EAAEnB,gBAAgB,CAACoB,OAAO;MACvClB,cAAc;MACdC,eAAe;MACfC,SAAS;MACTE,MAAM;MACND;IACF,CAAC,CAAC;IACJgB,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAEzB;MACT,CAAC;MACD0B,UAAU,EAAE;QACVD,KAAK,EAAEzB;MACT,CAAC;MACD2B,CAAC,EAAE;IACL,CAAC;IACDC,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;EACjB,CAAC;AAAA,CAAC;AAACC,OAAA,CAAArC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -8,7 +8,9 @@ var _chartUtils = require("../chartUtils");
 const getXAxisConfig = _ref => {
   let {
     dates,
-    isGreaterThanTwoWeeks
+    isGreaterThanTwoWeeks,
+    locale,
+    isDesktop
   } = _ref;
   const labelsData = (0, _chartUtils.getLabelData)({
     dates,
@@ -17,19 +19,36 @@ const getXAxisConfig = _ref => {
   return [{
     type: 'category',
     id: 'main-xAxis',
-    name: isGreaterThanTwoWeeks ? 'xAxis-greater-than-two-weeks' : 'xAxis-less-than-two-weeks',
     nameTextStyle: {
       fontSize: 0
     },
     axisTick: {
       show: false
     },
+    splitLine: {
+      lineStyle: {
+        opacity: 0.5
+      }
+    },
     axisLabel: {
       padding: [8, 16, 8, 16],
       margin: 0,
-      formatter: value => (0, _chartUtils.formatXAxisLabel)(value, isGreaterThanTwoWeeks)
+      formatter: value => value === dates[dates.length - 1] ? '' : (0, _chartUtils.formatXAxisLabel)(value, isGreaterThanTwoWeeks, locale)
     },
-    boundaryGap: false
+    boundaryGap: false,
+    z: 2,
+    axisPointer: {
+      label: {
+        lineHeight: 22,
+        margin: -22,
+        padding: [0, 8, 0, 8],
+        formatter: params => {
+          const date = new Date(params.value);
+          return isDesktop ? (0, _chartUtils.formatFullDate)(date, locale) : '';
+        }
+      },
+      z: 100
+    }
   }, {
     type: 'category',
     id: 'additional-xAxis',
@@ -47,10 +66,14 @@ const getXAxisConfig = _ref => {
       margin: 24,
       hideOverlap: true,
       customValues: labelsData,
-      formatter: value => (0, _chartUtils.formatXAxisAdditionalLabel)(value, isGreaterThanTwoWeeks)
+      formatter: value => (0, _chartUtils.formatXAxisAdditionalLabel)(value, isGreaterThanTwoWeeks, locale)
+    },
+    axisPointer: {
+      show: false
     },
     data: dates,
-    boundaryGap: false
+    boundaryGap: false,
+    z: 2
   }];
 };
 exports.getXAxisConfig = getXAxisConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"getXAxisConfig.js","names":["_chartUtils","require","getXAxisConfig","_ref","dates","isGreaterThanTwoWeeks","labelsData","getLabelData","type","id","name","nameTextStyle","fontSize","axisTick","show","axisLabel","padding","margin","formatter","value","formatXAxisLabel","boundaryGap","gridIndex","axisLine","splitLine","hideOverlap","customValues","formatXAxisAdditionalLabel","data","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getXAxisConfig.ts"],"sourcesContent":["import type { XAXisComponentOption } from 'echarts';\n\nimport {\n  formatXAxisAdditionalLabel,\n  formatXAxisLabel,\n  getLabelData,\n} from '../chartUtils';\n\ninterface GetXAxisConfigParams {\n  dates: string[];\n  isGreaterThanTwoWeeks: boolean;\n}\n\nexport const getXAxisConfig = ({\n  dates,\n  isGreaterThanTwoWeeks,\n}: GetXAxisConfigParams): XAXisComponentOption[] => {\n  const labelsData = getLabelData({\n    dates,\n    isGreaterThanTwoWeeks,\n  });\n\n  return [\n    {\n      type: 'category',\n      id: 'main-xAxis',\n      name: isGreaterThanTwoWeeks\n        ? 'xAxis-greater-than-two-weeks'\n        : 'xAxis-less-than-two-weeks',\n      nameTextStyle: {\n        fontSize: 0,\n      },\n      axisTick: {\n        show: false,\n      },\n      axisLabel: {\n        padding: [8, 16, 8, 16],\n        margin: 0,\n        formatter: (value: unknown) =>\n          formatXAxisLabel(value, isGreaterThanTwoWeeks),\n      },\n      boundaryGap: false,\n    },\n    {\n      type: 'category',\n      id: 'additional-xAxis',\n      gridIndex: 1,\n      axisTick: {\n        show: false,\n      },\n      axisLine: {\n        show: false,\n      },\n      splitLine: {\n        show: false,\n      },\n      axisLabel: {\n        margin: 24,\n        hideOverlap: true,\n        customValues: labelsData,\n        formatter: (value: unknown) =>\n          formatXAxisAdditionalLabel(value, isGreaterThanTwoWeeks),\n      },\n      data: dates,\n      boundaryGap: false,\n    },\n  ];\n};\n"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AAWO,MAAMC,cAAc,GAAGC,IAAA,IAGsB;EAAA,IAHrB;IAC7BC,KAAK;IACLC;EACoB,CAAC,GAAAF,IAAA;EACrB,MAAMG,UAAU,GAAG,IAAAC,wBAAY,EAAC;IAC9BH,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEG,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,YAAY;IAChBC,IAAI,EAAEL,qBAAqB,GACvB,8BAA8B,GAC9B,2BAA2B;IAC/BM,aAAa,EAAE;MACbC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;MACvBC,MAAM,EAAE,CAAC;MACTC,SAAS,EAAGC,KAAc,IACxB,IAAAC,4BAAgB,EAACD,KAAK,EAAEd,qBAAqB;IACjD,CAAC;IACDgB,WAAW,EAAE;EACf,CAAC,EACD;IACEb,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,kBAAkB;IACtBa,SAAS,EAAE,CAAC;IACZT,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDS,QAAQ,EAAE;MACRT,IAAI,EAAE;IACR,CAAC;IACDU,SAAS,EAAE;MACTV,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTE,MAAM,EAAE,EAAE;MACVQ,WAAW,EAAE,IAAI;MACjBC,YAAY,EAAEpB,UAAU;MACxBY,SAAS,EAAGC,KAAc,IACxB,IAAAQ,sCAA0B,EAACR,KAAK,EAAEd,qBAAqB;IAC3D,CAAC;IACDuB,IAAI,EAAExB,KAAK;IACXiB,WAAW,EAAE;EACf,CAAC,CACF;AACH,CAAC;AAACQ,OAAA,CAAA3B,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"file":"getXAxisConfig.js","names":["_chartUtils","require","getXAxisConfig","_ref","dates","isGreaterThanTwoWeeks","locale","isDesktop","labelsData","getLabelData","type","id","nameTextStyle","fontSize","axisTick","show","splitLine","lineStyle","opacity","axisLabel","padding","margin","formatter","value","length","formatXAxisLabel","boundaryGap","z","axisPointer","label","lineHeight","params","date","Date","formatFullDate","gridIndex","axisLine","hideOverlap","customValues","formatXAxisAdditionalLabel","data","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getXAxisConfig.ts"],"sourcesContent":["import type { XAXisComponentOption } from 'echarts';\n\nimport {\n  formatFullDate,\n  formatXAxisAdditionalLabel,\n  formatXAxisLabel,\n  getLabelData,\n} from '../chartUtils';\n\ninterface GetXAxisConfigParams {\n  dates: string[];\n  isGreaterThanTwoWeeks: boolean;\n  locale: string;\n  isDesktop: boolean;\n}\n\nexport const getXAxisConfig = ({\n  dates,\n  isGreaterThanTwoWeeks,\n  locale,\n  isDesktop,\n}: GetXAxisConfigParams): XAXisComponentOption[] => {\n  const labelsData = getLabelData({\n    dates,\n    isGreaterThanTwoWeeks,\n  });\n\n  return [\n    {\n      type: 'category',\n      id: 'main-xAxis',\n      nameTextStyle: {\n        fontSize: 0,\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        lineStyle: {\n          opacity: 0.5,\n        },\n      },\n      axisLabel: {\n        padding: [8, 16, 8, 16],\n        margin: 0,\n        formatter: (value: unknown) =>\n          value === dates[dates.length - 1]\n            ? ''\n            : formatXAxisLabel(value, isGreaterThanTwoWeeks, locale),\n      },\n      boundaryGap: false,\n      z: 2,\n      axisPointer: {\n        label: {\n          lineHeight: 22,\n          margin: -22,\n          padding: [0, 8, 0, 8],\n          formatter: (params: {\n            axisDimension?: string;\n            axisIndex?: number;\n            value: unknown;\n          }) => {\n            const date = new Date(params.value as string);\n\n            return isDesktop ? formatFullDate(date, locale) : '';\n          },\n        },\n        z: 100,\n      },\n    },\n    {\n      type: 'category',\n      id: 'additional-xAxis',\n      gridIndex: 1,\n      axisTick: {\n        show: false,\n      },\n      axisLine: {\n        show: false,\n      },\n      splitLine: {\n        show: false,\n      },\n      axisLabel: {\n        margin: 24,\n        hideOverlap: true,\n        customValues: labelsData,\n        formatter: (value: unknown) =>\n          formatXAxisAdditionalLabel(value, isGreaterThanTwoWeeks, locale),\n      },\n      axisPointer: {\n        show: false,\n      },\n      data: dates,\n      boundaryGap: false,\n      z: 2,\n    },\n  ];\n};\n"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AAcO,MAAMC,cAAc,GAAGC,IAAA,IAKsB;EAAA,IALrB;IAC7BC,KAAK;IACLC,qBAAqB;IACrBC,MAAM;IACNC;EACoB,CAAC,GAAAJ,IAAA;EACrB,MAAMK,UAAU,GAAG,IAAAC,wBAAY,EAAC;IAC9BL,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEK,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,YAAY;IAChBC,aAAa,EAAE;MACbC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTC,SAAS,EAAE;QACTC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,SAAS,EAAE;MACTC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;MACvBC,MAAM,EAAE,CAAC;MACTC,SAAS,EAAGC,KAAc,IACxBA,KAAK,KAAKnB,KAAK,CAACA,KAAK,CAACoB,MAAM,GAAG,CAAC,CAAC,GAC7B,EAAE,GACF,IAAAC,4BAAgB,EAACF,KAAK,EAAElB,qBAAqB,EAAEC,MAAM;IAC7D,CAAC;IACDoB,WAAW,EAAE,KAAK;IAClBC,CAAC,EAAE,CAAC;IACJC,WAAW,EAAE;MACXC,KAAK,EAAE;QACLC,UAAU,EAAE,EAAE;QACdT,MAAM,EAAE,CAAC,EAAE;QACXD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACrBE,SAAS,EAAGS,MAIX,IAAK;UACJ,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,MAAM,CAACR,KAAe,CAAC;UAE7C,OAAOhB,SAAS,GAAG,IAAA2B,0BAAc,EAACF,IAAI,EAAE1B,MAAM,CAAC,GAAG,EAAE;QACtD;MACF,CAAC;MACDqB,CAAC,EAAE;IACL;EACF,CAAC,EACD;IACEjB,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,kBAAkB;IACtBwB,SAAS,EAAE,CAAC;IACZrB,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDqB,QAAQ,EAAE;MACRrB,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTD,IAAI,EAAE;IACR,CAAC;IACDI,SAAS,EAAE;MACTE,MAAM,EAAE,EAAE;MACVgB,WAAW,EAAE,IAAI;MACjBC,YAAY,EAAE9B,UAAU;MACxBc,SAAS,EAAGC,KAAc,IACxB,IAAAgB,sCAA0B,EAAChB,KAAK,EAAElB,qBAAqB,EAAEC,MAAM;IACnE,CAAC;IACDsB,WAAW,EAAE;MACXb,IAAI,EAAE;IACR,CAAC;IACDyB,IAAI,EAAEpC,KAAK;IACXsB,WAAW,EAAE,KAAK;IAClBC,CAAC,EAAE;EACL,CAAC,CACF;AACH,CAAC;AAACc,OAAA,CAAAvC,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -8,14 +8,21 @@ var _constants = require("../../../constants");
 const getYAxisConfig = _ref => {
   let {
     bucketWidth,
-    displayPrecision
+    displayPrecision,
+    selectedPriceRef
   } = _ref;
   return [{
     type: 'value',
     gridIndex: 0,
     position: 'right',
-    min: val => val.min - bucketWidth * _constants.BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
-    max: val => val.max + bucketWidth * _constants.BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
+    min: val => {
+      const adjustedMin = val.min - bucketWidth;
+      return Math.floor(adjustedMin / bucketWidth) * bucketWidth;
+    },
+    max: val => {
+      const adjustedMax = val.max + bucketWidth;
+      return Math.ceil(adjustedMax / bucketWidth) * bucketWidth;
+    },
     axisLine: {
       show: false
     },
@@ -32,6 +39,19 @@ const getYAxisConfig = _ref => {
       verticalAlignMaxLabel: 'top',
       formatter: value => value.toFixed(displayPrecision)
     },
+    axisPointer: {
+      label: {
+        padding: [4, 4, 4, 4],
+        margin: -1,
+        formatter: params => {
+          if (params.axisDimension === 'y' && params.axisIndex === 0) {
+            selectedPriceRef.current = Number(params.value);
+            return Number(params.value).toFixed(displayPrecision);
+          }
+          return '';
+        }
+      }
+    },
     z: 30
   }, {
     type: 'value',
@@ -55,7 +75,7 @@ const getYAxisConfig = _ref => {
       margin: 4,
       lineHeight: 20,
       verticalAlignMinLabel: 'bottom',
-      verticalAlignMaxLabel: 'middle',
+      verticalAlignMaxLabel: 'top',
       customValues: [_constants.CHART_CONFIG.SENTIMENT_MIN, _constants.CHART_CONFIG.SENTIMENT_MAX / 5, _constants.CHART_CONFIG.SENTIMENT_MAX / 2, _constants.CHART_CONFIG.SENTIMENT_MAX * 4 / 5, _constants.CHART_CONFIG.SENTIMENT_MAX],
       formatter: value => "".concat(value, "%")
     },

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

@@ -1 +1 @@
-{"version":3,"file":"getYAxisConfig.js","names":["_constants","require","getYAxisConfig","_ref","bucketWidth","displayPrecision","type","gridIndex","position","min","val","BUCKET_CONFIG","PRICE_MARGIN_MULTIPLIER","max","axisLine","show","axisTick","splitLine","axisLabel","lineHeight","margin","verticalAlignMinLabel","verticalAlignMaxLabel","formatter","value","toFixed","z","CHART_CONFIG","SENTIMENT_MIN","SENTIMENT_MAX","axisPointer","customValues","concat","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getYAxisConfig.ts"],"sourcesContent":["import type { YAXisComponentOption } from 'echarts';\n\nimport { BUCKET_CONFIG, CHART_CONFIG } from '../../../constants';\n\ninterface GetYAxisConfigParams {\n  bucketWidth: number;\n  displayPrecision: number;\n}\n\nexport const getYAxisConfig = ({\n  bucketWidth,\n  displayPrecision,\n}: GetYAxisConfigParams): YAXisComponentOption[] => [\n  {\n    type: 'value',\n    gridIndex: 0,\n    position: 'right',\n    min: (val: { min: number }) =>\n      val.min - bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,\n    max: (val: { max: number }) =>\n      val.max + bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: { show: false },\n    axisLabel: {\n      lineHeight: 20,\n      margin: 4,\n      verticalAlignMinLabel: 'bottom',\n      verticalAlignMaxLabel: 'top',\n      formatter: (value: number) => value.toFixed(displayPrecision),\n    },\n    z: 30,\n  },\n  {\n    type: 'value',\n    gridIndex: 1,\n    position: 'left',\n    min: CHART_CONFIG.SENTIMENT_MIN,\n    max: CHART_CONFIG.SENTIMENT_MAX,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisPointer: { show: false },\n    splitLine: { show: false },\n    axisLabel: {\n      margin: 4,\n      lineHeight: 20,\n      verticalAlignMinLabel: 'bottom',\n      verticalAlignMaxLabel: 'middle',\n      customValues: [\n        CHART_CONFIG.SENTIMENT_MIN,\n        CHART_CONFIG.SENTIMENT_MAX / 5,\n        CHART_CONFIG.SENTIMENT_MAX / 2,\n        (CHART_CONFIG.SENTIMENT_MAX * 4) / 5,\n        CHART_CONFIG.SENTIMENT_MAX,\n      ],\n      formatter: (value: number) => `${value}%`,\n    },\n    z: 30,\n  },\n];\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAOO,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;IAC7BC,WAAW;IACXC;EACoB,CAAC,GAAAF,IAAA;EAAA,OAA6B,CAClD;IACEG,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,OAAO;IACjBC,GAAG,EAAGC,GAAoB,IACxBA,GAAG,CAACD,GAAG,GAAGL,WAAW,GAAGO,wBAAa,CAACC,uBAAuB;IAC/DC,GAAG,EAAGH,GAAoB,IACxBA,GAAG,CAACG,GAAG,GAAGT,WAAW,GAAGO,wBAAa,CAACC,uBAAuB;IAC/DE,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC;IACzBC,QAAQ,EAAE;MAAED,IAAI,EAAE;IAAM,CAAC;IACzBE,SAAS,EAAE;MAAEF,IAAI,EAAE;IAAM,CAAC;IAC1BG,SAAS,EAAE;MACTC,UAAU,EAAE,EAAE;MACdC,MAAM,EAAE,CAAC;MACTC,qBAAqB,EAAE,QAAQ;MAC/BC,qBAAqB,EAAE,KAAK;MAC5BC,SAAS,EAAGC,KAAa,IAAKA,KAAK,CAACC,OAAO,CAACpB,gBAAgB;IAC9D,CAAC;IACDqB,CAAC,EAAE;EACL,CAAC,EACD;IACEpB,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEkB,uBAAY,CAACC,aAAa;IAC/Bf,GAAG,EAAEc,uBAAY,CAACE,aAAa;IAC/Bf,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC;IACzBC,QAAQ,EAAE;MAAED,IAAI,EAAE;IAAM,CAAC;IACzBe,WAAW,EAAE;MAAEf,IAAI,EAAE;IAAM,CAAC;IAC5BE,SAAS,EAAE;MAAEF,IAAI,EAAE;IAAM,CAAC;IAC1BG,SAAS,EAAE;MACTE,MAAM,EAAE,CAAC;MACTD,UAAU,EAAE,EAAE;MACdE,qBAAqB,EAAE,QAAQ;MAC/BC,qBAAqB,EAAE,QAAQ;MAC/BS,YAAY,EAAE,CACZJ,uBAAY,CAACC,aAAa,EAC1BD,uBAAY,CAACE,aAAa,GAAG,CAAC,EAC9BF,uBAAY,CAACE,aAAa,GAAG,CAAC,EAC7BF,uBAAY,CAACE,aAAa,GAAG,CAAC,GAAI,CAAC,EACpCF,uBAAY,CAACE,aAAa,CAC3B;MACDN,SAAS,EAAGC,KAAa,OAAAQ,MAAA,CAAQR,KAAK;IACxC,CAAC;IACDE,CAAC,EAAE;EACL,CAAC,CACF;AAAA;AAACO,OAAA,CAAA/B,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"file":"getYAxisConfig.js","names":["_constants","require","getYAxisConfig","_ref","bucketWidth","displayPrecision","selectedPriceRef","type","gridIndex","position","min","val","adjustedMin","Math","floor","max","adjustedMax","ceil","axisLine","show","axisTick","splitLine","axisLabel","lineHeight","margin","verticalAlignMinLabel","verticalAlignMaxLabel","formatter","value","toFixed","axisPointer","label","padding","params","axisDimension","axisIndex","current","Number","z","CHART_CONFIG","SENTIMENT_MIN","SENTIMENT_MAX","customValues","concat","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getYAxisConfig.ts"],"sourcesContent":["import type { YAXisComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetYAxisConfigParams {\n  bucketWidth: number;\n  displayPrecision: number;\n  selectedPriceRef: { current: number };\n}\n\nexport const getYAxisConfig = ({\n  bucketWidth,\n  displayPrecision,\n  selectedPriceRef,\n}: GetYAxisConfigParams): YAXisComponentOption[] => [\n  {\n    type: 'value',\n    gridIndex: 0,\n    position: 'right',\n    min: (val: { min: number }) => {\n      const adjustedMin = val.min - bucketWidth;\n      return Math.floor(adjustedMin / bucketWidth) * bucketWidth;\n    },\n    max: (val: { max: number }) => {\n      const adjustedMax = val.max + bucketWidth;\n      return Math.ceil(adjustedMax / bucketWidth) * bucketWidth;\n    },\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: { show: false },\n    axisLabel: {\n      lineHeight: 20,\n      margin: 4,\n      verticalAlignMinLabel: 'bottom',\n      verticalAlignMaxLabel: 'top',\n      formatter: (value: number) => value.toFixed(displayPrecision),\n    },\n    axisPointer: {\n      label: {\n        padding: [4, 4, 4, 4],\n        margin: -1,\n        formatter: (params: {\n          axisDimension?: string;\n          axisIndex?: number;\n          value: unknown;\n        }) => {\n          if (params.axisDimension === 'y' && params.axisIndex === 0) {\n            selectedPriceRef.current = Number(params.value);\n            return Number(params.value).toFixed(displayPrecision);\n          }\n          return '';\n        },\n      },\n    },\n    z: 30,\n  },\n  {\n    type: 'value',\n    gridIndex: 1,\n    position: 'left',\n    min: CHART_CONFIG.SENTIMENT_MIN,\n    max: CHART_CONFIG.SENTIMENT_MAX,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisPointer: { show: false },\n    splitLine: { show: false },\n    axisLabel: {\n      margin: 4,\n      lineHeight: 20,\n      verticalAlignMinLabel: 'bottom',\n      verticalAlignMaxLabel: 'top',\n      customValues: [\n        CHART_CONFIG.SENTIMENT_MIN,\n        CHART_CONFIG.SENTIMENT_MAX / 5,\n        CHART_CONFIG.SENTIMENT_MAX / 2,\n        (CHART_CONFIG.SENTIMENT_MAX * 4) / 5,\n        CHART_CONFIG.SENTIMENT_MAX,\n      ],\n      formatter: (value: number) => `${value}%`,\n    },\n    z: 30,\n  },\n];\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAQO,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;IAC7BC,WAAW;IACXC,gBAAgB;IAChBC;EACoB,CAAC,GAAAH,IAAA;EAAA,OAA6B,CAClD;IACEI,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,OAAO;IACjBC,GAAG,EAAGC,GAAoB,IAAK;MAC7B,MAAMC,WAAW,GAAGD,GAAG,CAACD,GAAG,GAAGN,WAAW;MACzC,OAAOS,IAAI,CAACC,KAAK,CAACF,WAAW,GAAGR,WAAW,CAAC,GAAGA,WAAW;IAC5D,CAAC;IACDW,GAAG,EAAGJ,GAAoB,IAAK;MAC7B,MAAMK,WAAW,GAAGL,GAAG,CAACI,GAAG,GAAGX,WAAW;MACzC,OAAOS,IAAI,CAACI,IAAI,CAACD,WAAW,GAAGZ,WAAW,CAAC,GAAGA,WAAW;IAC3D,CAAC;IACDc,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC;IACzBC,QAAQ,EAAE;MAAED,IAAI,EAAE;IAAM,CAAC;IACzBE,SAAS,EAAE;MAAEF,IAAI,EAAE;IAAM,CAAC;IAC1BG,SAAS,EAAE;MACTC,UAAU,EAAE,EAAE;MACdC,MAAM,EAAE,CAAC;MACTC,qBAAqB,EAAE,QAAQ;MAC/BC,qBAAqB,EAAE,KAAK;MAC5BC,SAAS,EAAGC,KAAa,IAAKA,KAAK,CAACC,OAAO,CAACxB,gBAAgB;IAC9D,CAAC;IACDyB,WAAW,EAAE;MACXC,KAAK,EAAE;QACLC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACrBR,MAAM,EAAE,CAAC,CAAC;QACVG,SAAS,EAAGM,MAIX,IAAK;UACJ,IAAIA,MAAM,CAACC,aAAa,KAAK,GAAG,IAAID,MAAM,CAACE,SAAS,KAAK,CAAC,EAAE;YAC1D7B,gBAAgB,CAAC8B,OAAO,GAAGC,MAAM,CAACJ,MAAM,CAACL,KAAK,CAAC;YAC/C,OAAOS,MAAM,CAACJ,MAAM,CAACL,KAAK,CAAC,CAACC,OAAO,CAACxB,gBAAgB,CAAC;UACvD;UACA,OAAO,EAAE;QACX;MACF;IACF,CAAC;IACDiC,CAAC,EAAE;EACL,CAAC,EACD;IACE/B,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAE6B,uBAAY,CAACC,aAAa;IAC/BzB,GAAG,EAAEwB,uBAAY,CAACE,aAAa;IAC/BvB,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC;IACzBC,QAAQ,EAAE;MAAED,IAAI,EAAE;IAAM,CAAC;IACzBW,WAAW,EAAE;MAAEX,IAAI,EAAE;IAAM,CAAC;IAC5BE,SAAS,EAAE;MAAEF,IAAI,EAAE;IAAM,CAAC;IAC1BG,SAAS,EAAE;MACTE,MAAM,EAAE,CAAC;MACTD,UAAU,EAAE,EAAE;MACdE,qBAAqB,EAAE,QAAQ;MAC/BC,qBAAqB,EAAE,KAAK;MAC5BgB,YAAY,EAAE,CACZH,uBAAY,CAACC,aAAa,EAC1BD,uBAAY,CAACE,aAAa,GAAG,CAAC,EAC9BF,uBAAY,CAACE,aAAa,GAAG,CAAC,EAC7BF,uBAAY,CAACE,aAAa,GAAG,CAAC,GAAI,CAAC,EACpCF,uBAAY,CAACE,aAAa,CAC3B;MACDd,SAAS,EAAGC,KAAa,OAAAe,MAAA,CAAQf,KAAK;IACxC,CAAC;IACDU,CAAC,EAAE;EACL,CAAC,CACF;AAAA;AAACM,OAAA,CAAA1C,cAAA,GAAAA,cAAA","ignoreList":[]}