@oanda/labs-crowd-view-widget 1.0.54 → 1.0.56

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

@@ -1 +1 @@
-{"version":3,"file":"getSeriesCandlestickConfig.js","names":["_chromaJs","_interopRequireDefault","require","_chartUtils","e","__esModule","default","getSeriesCandlestickConfig","_ref","dates","isGreaterThanTwoWeeks","styles","candleLongColor","candleShortColor","labelsData","getLabelData","type","id","xAxisIndex","yAxisIndex","encode","x","y","itemStyle","color","chroma","desaturate","css","color0","borderColor","borderColor0","emphasis","markPoint","data","symbol","symbolSize","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport { getLabelData } from '../chartUtils';\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  dates: string[];\n  isGreaterThanTwoWeeks: boolean;\n  styles: ChartStyles;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  dates,\n  isGreaterThanTwoWeeks,\n  styles,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n  const labelsData = getLabelData({\n    dates,\n    isGreaterThanTwoWeeks,\n  });\n\n  return {\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle: {\n      color: chroma(candleLongColor).desaturate().css(),\n      color0: chroma(candleShortColor).desaturate().css(),\n      borderColor: candleLongColor,\n      borderColor0: candleShortColor,\n    },\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    markPoint: {\n      data: labelsData,\n      symbol: 'circle',\n      symbolSize: 0,\n    },\n    z: 2,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAA6C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAStC,MAAMG,0BAA0B,GAAGC,IAAA,IAIuB;EAAA,IAJtB;IACzCC,KAAK;IACLC,qBAAqB;IACrBC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,eAAe;IAAEC;EAAiB,CAAC,GAAGF,MAAM;EACpD,MAAMG,UAAU,GAAG,IAAAC,wBAAY,EAAC;IAC9BN,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,OAAO;IACLM,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,IAAAC,iBAAM,EAACb,eAAe,CAAC,CAACc,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACjDC,MAAM,EAAE,IAAAH,iBAAM,EAACZ,gBAAgB,CAAC,CAACa,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACnDE,WAAW,EAAEjB,eAAe;MAC5BkB,YAAY,EAAEjB;IAChB,CAAC;IACDkB,QAAQ,EAAE;MACRR,SAAS,EAAE;QACTC,KAAK,EAAEZ,eAAe;QACtBgB,MAAM,EAAEf;MACV;IACF,CAAC;IACDmB,SAAS,EAAE;MACTC,IAAI,EAAEnB,UAAU;MAChBoB,MAAM,EAAE,QAAQ;MAChBC,UAAU,EAAE;IACd,CAAC;IACDC,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA9B,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"file":"getSeriesCandlestickConfig.js","names":["_chromaJs","_interopRequireDefault","require","e","__esModule","default","getSeriesCandlestickConfig","_ref","styles","isLoading","candleLongColor","candleShortColor","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","itemStyle","color","chroma","desaturate","css","color0","borderColor","borderColor0","emphasis","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle: {\n      color: chroma(candleLongColor).desaturate().css(),\n      color0: chroma(candleShortColor).desaturate().css(),\n      borderColor: candleLongColor,\n      borderColor0: candleShortColor,\n    },\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUxB,MAAMG,0BAA0B,GAAGC,IAAA,IAGuB;EAAA,IAHtB;IACzCC,MAAM;IACNC;EACgC,CAAC,GAAAF,IAAA;EACjC,MAAM;IAAEG,eAAe;IAAEC;EAAiB,CAAC,GAAGH,MAAM;EAEpD,OAAO;IACLI,SAAS,EAAEH,SAAS;IACpBI,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,IAAAC,iBAAM,EAACf,eAAe,CAAC,CAACgB,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACjDC,MAAM,EAAE,IAAAH,iBAAM,EAACd,gBAAgB,CAAC,CAACe,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACnDE,WAAW,EAAEnB,eAAe;MAC5BoB,YAAY,EAAEnB;IAChB,CAAC;IACDoB,QAAQ,EAAE;MACRR,SAAS,EAAE;QACTC,KAAK,EAAEd,eAAe;QACtBkB,MAAM,EAAEjB;MACV;IACF,CAAC;IACDqB,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA3B,0BAAA,GAAAA,0BAAA","ignoreList":[]}

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

@@ -11,9 +11,11 @@ const getSeriesHeatmapConfig = _ref => {
     buckets,
     isDark,
     sentimentThresholdMax,
-    sentimentThresholdMin
+    sentimentThresholdMin,
+    isLoading
   } = _ref;
   return {
+    animation: isLoading,
     type: 'custom',
     id: 'heatmap',
     name: 'heatmap',
@@ -25,13 +27,17 @@ const getSeriesHeatmapConfig = _ref => {
     },
     dimensions: ['dates', 'bookPrices', 'bookIndexes'],
     clip: true,
-    renderItem: (_params, api) => {
+    renderItem: (params, api) => {
+      const animationDelay = 350 * params.dataIndexInside / params.dataInsideLength;
       const xVal = api.value(0);
       const bucketIndex = api.value(2);
       if (bucketIndex == null) {
         return null;
       }
       const metaValues = buckets[bucketIndex];
+      if (!metaValues) {
+        return null;
+      }
       const [rectWidth, rectHeight] = api.size([0, bucketWidth]);
       const items = metaValues.map(_ref2 => {
         let {
@@ -40,6 +46,7 @@ const getSeriesHeatmapConfig = _ref => {
         } = _ref2;
         const start = api.coord([xVal, price]);
         return {
+          silent: true,
           shape: {
             height: rectHeight,
             width: rectWidth + 1,
@@ -49,12 +56,23 @@ const getSeriesHeatmapConfig = _ref => {
           style: {
             fill: (0, _chartUtils.getRectColor)(sentiment, isDark, sentimentThresholdMin, sentimentThresholdMax)
           },
+          enterFrom: {
+            shape: {},
+            style: {
+              opacity: 0
+            }
+          },
+          enterAnimation: {
+            duration: 150,
+            delay: animationDelay
+          },
           type: 'rect'
         };
       });
       return {
         children: items,
         emphasisDisabled: true,
+        silent: true,
         type: 'group'
       };
     },

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

@@ -1 +1 @@
-{"version":3,"file":"getSeriesHeatmapConfig.js","names":["_chartUtils","require","getSeriesHeatmapConfig","_ref","bucketWidth","buckets","isDark","sentimentThresholdMax","sentimentThresholdMin","type","id","name","xAxisIndex","yAxisIndex","encode","x","y","dimensions","clip","renderItem","_params","api","xVal","value","bucketIndex","metaValues","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","start","coord","shape","height","width","style","fill","getRectColor","children","emphasisDisabled","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesHeatmapConfig.ts"],"sourcesContent":["import type {\n  CustomSeriesOption,\n  CustomSeriesRenderItemAPI,\n  CustomSeriesRenderItemParams,\n} from 'echarts';\n\nimport { getRectColor } from '../chartUtils';\nimport type { Bucket } from '../types';\n\ninterface GetSeriesHeatmapConfigParams {\n  bucketWidth: number;\n  buckets: Bucket[][];\n  isDark: boolean;\n  sentimentThresholdMax: number;\n  sentimentThresholdMin: number;\n}\n\nexport const getSeriesHeatmapConfig = ({\n  bucketWidth,\n  buckets,\n  isDark,\n  sentimentThresholdMax,\n  sentimentThresholdMin,\n}: GetSeriesHeatmapConfigParams): CustomSeriesOption => {\n  return {\n    type: 'custom',\n    id: 'heatmap',\n    name: 'heatmap',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    encode: {\n      x: 'dates',\n      y: 'bookPrices',\n    },\n    dimensions: ['dates', 'bookPrices', 'bookIndexes'],\n    clip: true,\n    renderItem: (\n      _params: CustomSeriesRenderItemParams,\n      api: CustomSeriesRenderItemAPI\n    ) => {\n      const xVal = api.value(0);\n      const bucketIndex = api.value(2) as number;\n\n      if (bucketIndex == null) {\n        return null;\n      }\n\n      const metaValues = buckets[bucketIndex];\n\n      const [rectWidth, rectHeight] = api.size!([0, bucketWidth]) as number[];\n\n      const items = metaValues.map(({ price, sentiment }: Bucket) => {\n        const start = api.coord([xVal, price]);\n\n        return {\n          shape: {\n            height: rectHeight,\n            width: rectWidth + 1,\n            x: start[0] - rectWidth / 2,\n            y: start[1] - rectHeight,\n          },\n          style: {\n            fill: getRectColor(\n              sentiment,\n              isDark,\n              sentimentThresholdMin,\n              sentimentThresholdMax\n            ),\n          },\n          type: 'rect' as const,\n        };\n      });\n\n      return {\n        children: items,\n        emphasisDisabled: true,\n        type: 'group' as const,\n      };\n    },\n    z: 1,\n  };\n};\n"],"mappings":";;;;;;AAMA,IAAAA,WAAA,GAAAC,OAAA;AAWO,MAAMC,sBAAsB,GAAGC,IAAA,IAMkB;EAAA,IANjB;IACrCC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,qBAAqB;IACrBC;EAC4B,CAAC,GAAAL,IAAA;EAC7B,OAAO;IACLM,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,SAAS;IACbC,IAAI,EAAE,SAAS;IACfC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE;IACL,CAAC;IACDC,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,CAAC;IAClDC,IAAI,EAAE,IAAI;IACVC,UAAU,EAAEA,CACVC,OAAqC,EACrCC,GAA8B,KAC3B;MACH,MAAMC,IAAI,GAAGD,GAAG,CAACE,KAAK,CAAC,CAAC,CAAC;MACzB,MAAMC,WAAW,GAAGH,GAAG,CAACE,KAAK,CAAC,CAAC,CAAW;MAE1C,IAAIC,WAAW,IAAI,IAAI,EAAE;QACvB,OAAO,IAAI;MACb;MAEA,MAAMC,UAAU,GAAGpB,OAAO,CAACmB,WAAW,CAAC;MAEvC,MAAM,CAACE,SAAS,EAAEC,UAAU,CAAC,GAAGN,GAAG,CAACO,IAAI,CAAE,CAAC,CAAC,EAAExB,WAAW,CAAC,CAAa;MAEvE,MAAMyB,KAAK,GAAGJ,UAAU,CAACK,GAAG,CAACC,KAAA,IAAkC;QAAA,IAAjC;UAAEC,KAAK;UAAEC;QAAkB,CAAC,GAAAF,KAAA;QACxD,MAAMG,KAAK,GAAGb,GAAG,CAACc,KAAK,CAAC,CAACb,IAAI,EAAEU,KAAK,CAAC,CAAC;QAEtC,OAAO;UACLI,KAAK,EAAE;YACLC,MAAM,EAAEV,UAAU;YAClBW,KAAK,EAAEZ,SAAS,GAAG,CAAC;YACpBX,CAAC,EAAEmB,KAAK,CAAC,CAAC,CAAC,GAAGR,SAAS,GAAG,CAAC;YAC3BV,CAAC,EAAEkB,KAAK,CAAC,CAAC,CAAC,GAAGP;UAChB,CAAC;UACDY,KAAK,EAAE;YACLC,IAAI,EAAE,IAAAC,wBAAY,EAChBR,SAAS,EACT3B,MAAM,EACNE,qBAAqB,EACrBD,qBACF;UACF,CAAC;UACDE,IAAI,EAAE;QACR,CAAC;MACH,CAAC,CAAC;MAEF,OAAO;QACLiC,QAAQ,EAAEb,KAAK;QACfc,gBAAgB,EAAE,IAAI;QACtBlC,IAAI,EAAE;MACR,CAAC;IACH,CAAC;IACDmC,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA3C,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"file":"getSeriesHeatmapConfig.js","names":["_chartUtils","require","getSeriesHeatmapConfig","_ref","bucketWidth","buckets","isDark","sentimentThresholdMax","sentimentThresholdMin","isLoading","animation","type","id","name","xAxisIndex","yAxisIndex","encode","x","y","dimensions","clip","renderItem","params","api","animationDelay","dataIndexInside","dataInsideLength","xVal","value","bucketIndex","metaValues","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","start","coord","silent","shape","height","width","style","fill","getRectColor","enterFrom","opacity","enterAnimation","duration","delay","children","emphasisDisabled","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesHeatmapConfig.ts"],"sourcesContent":["import type {\n  CustomSeriesOption,\n  CustomSeriesRenderItemAPI,\n  CustomSeriesRenderItemParams,\n} from 'echarts';\n\nimport { getRectColor } from '../chartUtils';\nimport type { Bucket } from '../types';\n\ninterface GetSeriesHeatmapConfigParams {\n  bucketWidth: number;\n  buckets: Bucket[][];\n  isDark: boolean;\n  sentimentThresholdMax: number;\n  sentimentThresholdMin: number;\n  isLoading: boolean;\n}\n\nexport const getSeriesHeatmapConfig = ({\n  bucketWidth,\n  buckets,\n  isDark,\n  sentimentThresholdMax,\n  sentimentThresholdMin,\n  isLoading,\n}: GetSeriesHeatmapConfigParams): CustomSeriesOption => {\n  return {\n    animation: isLoading,\n    type: 'custom',\n    id: 'heatmap',\n    name: 'heatmap',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    encode: {\n      x: 'dates',\n      y: 'bookPrices',\n    },\n    dimensions: ['dates', 'bookPrices', 'bookIndexes'],\n    clip: true,\n    renderItem: (\n      params: CustomSeriesRenderItemParams,\n      api: CustomSeriesRenderItemAPI\n    ) => {\n      const animationDelay =\n        (350 * params.dataIndexInside) / params.dataInsideLength;\n      const xVal = api.value(0);\n      const bucketIndex = api.value(2) as number;\n\n      if (bucketIndex == null) {\n        return null;\n      }\n\n      const metaValues = buckets[bucketIndex];\n\n      if (!metaValues) {\n        return null;\n      }\n\n      const [rectWidth, rectHeight] = api.size!([0, bucketWidth]) as number[];\n\n      const items = metaValues.map(({ price, sentiment }: Bucket) => {\n        const start = api.coord([xVal, price]);\n\n        return {\n          silent: true,\n          shape: {\n            height: rectHeight,\n            width: rectWidth + 1,\n            x: start[0] - rectWidth / 2,\n            y: start[1] - rectHeight,\n          },\n          style: {\n            fill: getRectColor(\n              sentiment,\n              isDark,\n              sentimentThresholdMin,\n              sentimentThresholdMax\n            ),\n          },\n          enterFrom: {\n            shape: {},\n            style: {\n              opacity: 0,\n            },\n          },\n          enterAnimation: {\n            duration: 150,\n            delay: animationDelay,\n          },\n          type: 'rect' as const,\n        };\n      });\n\n      return {\n        children: items,\n        emphasisDisabled: true,\n        silent: true,\n        type: 'group' as const,\n      };\n    },\n    z: 1,\n  };\n};\n"],"mappings":";;;;;;AAMA,IAAAA,WAAA,GAAAC,OAAA;AAYO,MAAMC,sBAAsB,GAAGC,IAAA,IAOkB;EAAA,IAPjB;IACrCC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,qBAAqB;IACrBC,qBAAqB;IACrBC;EAC4B,CAAC,GAAAN,IAAA;EAC7B,OAAO;IACLO,SAAS,EAAED,SAAS;IACpBE,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,SAAS;IACbC,IAAI,EAAE,SAAS;IACfC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE;IACL,CAAC;IACDC,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,CAAC;IAClDC,IAAI,EAAE,IAAI;IACVC,UAAU,EAAEA,CACVC,MAAoC,EACpCC,GAA8B,KAC3B;MACH,MAAMC,cAAc,GACjB,GAAG,GAAGF,MAAM,CAACG,eAAe,GAAIH,MAAM,CAACI,gBAAgB;MAC1D,MAAMC,IAAI,GAAGJ,GAAG,CAACK,KAAK,CAAC,CAAC,CAAC;MACzB,MAAMC,WAAW,GAAGN,GAAG,CAACK,KAAK,CAAC,CAAC,CAAW;MAE1C,IAAIC,WAAW,IAAI,IAAI,EAAE;QACvB,OAAO,IAAI;MACb;MAEA,MAAMC,UAAU,GAAGzB,OAAO,CAACwB,WAAW,CAAC;MAEvC,IAAI,CAACC,UAAU,EAAE;QACf,OAAO,IAAI;MACb;MAEA,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAGT,GAAG,CAACU,IAAI,CAAE,CAAC,CAAC,EAAE7B,WAAW,CAAC,CAAa;MAEvE,MAAM8B,KAAK,GAAGJ,UAAU,CAACK,GAAG,CAACC,KAAA,IAAkC;QAAA,IAAjC;UAAEC,KAAK;UAAEC;QAAkB,CAAC,GAAAF,KAAA;QACxD,MAAMG,KAAK,GAAGhB,GAAG,CAACiB,KAAK,CAAC,CAACb,IAAI,EAAEU,KAAK,CAAC,CAAC;QAEtC,OAAO;UACLI,MAAM,EAAE,IAAI;UACZC,KAAK,EAAE;YACLC,MAAM,EAAEX,UAAU;YAClBY,KAAK,EAAEb,SAAS,GAAG,CAAC;YACpBd,CAAC,EAAEsB,KAAK,CAAC,CAAC,CAAC,GAAGR,SAAS,GAAG,CAAC;YAC3Bb,CAAC,EAAEqB,KAAK,CAAC,CAAC,CAAC,GAAGP;UAChB,CAAC;UACDa,KAAK,EAAE;YACLC,IAAI,EAAE,IAAAC,wBAAY,EAChBT,SAAS,EACThC,MAAM,EACNE,qBAAqB,EACrBD,qBACF;UACF,CAAC;UACDyC,SAAS,EAAE;YACTN,KAAK,EAAE,CAAC,CAAC;YACTG,KAAK,EAAE;cACLI,OAAO,EAAE;YACX;UACF,CAAC;UACDC,cAAc,EAAE;YACdC,QAAQ,EAAE,GAAG;YACbC,KAAK,EAAE5B;UACT,CAAC;UACDb,IAAI,EAAE;QACR,CAAC;MACH,CAAC,CAAC;MAEF,OAAO;QACL0C,QAAQ,EAAEnB,KAAK;QACfoB,gBAAgB,EAAE,IAAI;QACtBb,MAAM,EAAE,IAAI;QACZ9B,IAAI,EAAE;MACR,CAAC;IACH,CAAC;IACD4C,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAAtD,sBAAA,GAAAA,sBAAA","ignoreList":[]}

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

@@ -7,9 +7,12 @@ exports.getSeriesSentimentConfig = void 0;
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 const getSeriesSentimentConfig = _ref => {
   let {
-    styles
+    styles,
+    isLoading
   } = _ref;
   return {
+    animation: isLoading,
+    animationDelay: 350,
     type: 'line',
     id: 'sentiment',
     name: 'sentiment',
@@ -17,9 +20,9 @@ const getSeriesSentimentConfig = _ref => {
     yAxisIndex: 1,
     encode: {
       x: 'dates',
-      y: 'sentimentShorts'
+      y: 'sentimentLongs'
     },
-    dimensions: ['dates', 'sentimentShorts', 'sentimentLongs'],
+    dimensions: ['dates', 'sentimentLongs', 'sentimentShorts'],
     lineStyle: {
       width: styles.sentimentOutlineWidth,
       opacity: 1,
@@ -29,7 +32,11 @@ const getSeriesSentimentConfig = _ref => {
     emphasis: {
       disabled: true
     },
+    tooltip: {
+      show: false
+    },
     markLine: {
+      animation: isLoading,
       silent: true,
       symbol: ['none', 'none'],
       label: {
@@ -50,10 +57,11 @@ const getSeriesSentimentConfig = _ref => {
         yAxis: 80
       }]
     },
-    stack: 'sentiment',
     showSymbol: false,
     symbol: 'none',
-    z: 3
+    z: 2,
+    connectNulls: true,
+    silent: true
   };
 };
 exports.getSeriesSentimentConfig = getSeriesSentimentConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"getSeriesSentimentConfig.js","names":["_labsWidgetCommon","require","getSeriesSentimentConfig","_ref","styles","type","id","name","xAxisIndex","yAxisIndex","encode","x","y","dimensions","lineStyle","width","sentimentOutlineWidth","opacity","shadowColor","sentimentOutlineColor","shadowBlur","emphasis","disabled","markLine","silent","symbol","label","show","color","colorPalette","grayLight","data","yAxis","stack","showSymbol","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesSentimentConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport type { LineSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils';\n\ninterface GetSeriesSentimentConfigParams {\n  styles: ChartStyles;\n}\n\nexport const getSeriesSentimentConfig = ({\n  styles,\n}: GetSeriesSentimentConfigParams): LineSeriesOption => {\n  return {\n    type: 'line',\n    id: 'sentiment',\n    name: 'sentiment',\n    xAxisIndex: 1,\n    yAxisIndex: 1,\n    encode: {\n      x: 'dates',\n      y: 'sentimentShorts',\n    },\n    dimensions: ['dates', 'sentimentShorts', 'sentimentLongs'],\n    lineStyle: {\n      width: styles.sentimentOutlineWidth,\n      opacity: 1,\n      shadowColor: styles.sentimentOutlineColor,\n      shadowBlur: 3,\n    },\n    emphasis: {\n      disabled: true,\n    },\n    markLine: {\n      silent: true,\n      symbol: ['none', 'none'],\n      label: {\n        show: false,\n      },\n      lineStyle: {\n        color: colorPalette.grayLight,\n        width: 1,\n      },\n      data: [\n        {\n          yAxis: 20,\n        },\n        {\n          yAxis: 50,\n          lineStyle: {\n            width: 1,\n          },\n        },\n        {\n          yAxis: 80,\n        },\n      ],\n    },\n    stack: 'sentiment',\n    showSymbol: false,\n    symbol: 'none',\n    z: 3,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AASO,MAAMC,wBAAwB,GAAGC,IAAA,IAEgB;EAAA,IAFf;IACvCC;EAC8B,CAAC,GAAAD,IAAA;EAC/B,OAAO;IACLE,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,WAAW;IACfC,IAAI,EAAE,WAAW;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE;IACL,CAAC;IACDC,UAAU,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;IAC1DC,SAAS,EAAE;MACTC,KAAK,EAAEX,MAAM,CAACY,qBAAqB;MACnCC,OAAO,EAAE,CAAC;MACVC,WAAW,EAAEd,MAAM,CAACe,qBAAqB;MACzCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACxBC,KAAK,EAAE;QACLC,IAAI,EAAE;MACR,CAAC;MACDb,SAAS,EAAE;QACTc,KAAK,EAAEC,8BAAY,CAACC,SAAS;QAC7Bf,KAAK,EAAE;MACT,CAAC;MACDgB,IAAI,EAAE,CACJ;QACEC,KAAK,EAAE;MACT,CAAC,EACD;QACEA,KAAK,EAAE,EAAE;QACTlB,SAAS,EAAE;UACTC,KAAK,EAAE;QACT;MACF,CAAC,EACD;QACEiB,KAAK,EAAE;MACT,CAAC;IAEL,CAAC;IACDC,KAAK,EAAE,WAAW;IAClBC,UAAU,EAAE,KAAK;IACjBT,MAAM,EAAE,MAAM;IACdU,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAAlC,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"file":"getSeriesSentimentConfig.js","names":["_labsWidgetCommon","require","getSeriesSentimentConfig","_ref","styles","isLoading","animation","animationDelay","type","id","name","xAxisIndex","yAxisIndex","encode","x","y","dimensions","lineStyle","width","sentimentOutlineWidth","opacity","shadowColor","sentimentOutlineColor","shadowBlur","emphasis","disabled","tooltip","show","markLine","silent","symbol","label","color","colorPalette","grayLight","data","yAxis","showSymbol","z","connectNulls","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesSentimentConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport type { LineSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils';\n\ninterface GetSeriesSentimentConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n}\n\nexport const getSeriesSentimentConfig = ({\n  styles,\n  isLoading,\n}: GetSeriesSentimentConfigParams): LineSeriesOption => {\n  return {\n    animation: isLoading,\n    animationDelay: 350,\n    type: 'line',\n    id: 'sentiment',\n    name: 'sentiment',\n    xAxisIndex: 1,\n    yAxisIndex: 1,\n    encode: {\n      x: 'dates',\n      y: 'sentimentLongs',\n    },\n    dimensions: ['dates', 'sentimentLongs', 'sentimentShorts'],\n    lineStyle: {\n      width: styles.sentimentOutlineWidth,\n      opacity: 1,\n      shadowColor: styles.sentimentOutlineColor,\n      shadowBlur: 3,\n    },\n    emphasis: {\n      disabled: true,\n    },\n    tooltip: {\n      show: false,\n    },\n    markLine: {\n      animation: isLoading,\n      silent: true,\n      symbol: ['none', 'none'],\n      label: {\n        show: false,\n      },\n      lineStyle: {\n        color: colorPalette.grayLight,\n        width: 1,\n      },\n      data: [\n        {\n          yAxis: 20,\n        },\n        {\n          yAxis: 50,\n          lineStyle: {\n            width: 1,\n          },\n        },\n        {\n          yAxis: 80,\n        },\n      ],\n    },\n    showSymbol: false,\n    symbol: 'none',\n    z: 2,\n    connectNulls: true,\n    silent: true,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAUO,MAAMC,wBAAwB,GAAGC,IAAA,IAGgB;EAAA,IAHf;IACvCC,MAAM;IACNC;EAC8B,CAAC,GAAAF,IAAA;EAC/B,OAAO;IACLG,SAAS,EAAED,SAAS;IACpBE,cAAc,EAAE,GAAG;IACnBC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,WAAW;IACfC,IAAI,EAAE,WAAW;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE;IACL,CAAC;IACDC,UAAU,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,CAAC;IAC1DC,SAAS,EAAE;MACTC,KAAK,EAAEd,MAAM,CAACe,qBAAqB;MACnCC,OAAO,EAAE,CAAC;MACVC,WAAW,EAAEjB,MAAM,CAACkB,qBAAqB;MACzCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACRtB,SAAS,EAAED,SAAS;MACpBwB,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACxBC,KAAK,EAAE;QACLJ,IAAI,EAAE;MACR,CAAC;MACDV,SAAS,EAAE;QACTe,KAAK,EAAEC,8BAAY,CAACC,SAAS;QAC7BhB,KAAK,EAAE;MACT,CAAC;MACDiB,IAAI,EAAE,CACJ;QACEC,KAAK,EAAE;MACT,CAAC,EACD;QACEA,KAAK,EAAE,EAAE;QACTnB,SAAS,EAAE;UACTC,KAAK,EAAE;QACT;MACF,CAAC,EACD;QACEkB,KAAK,EAAE;MACT,CAAC;IAEL,CAAC;IACDC,UAAU,EAAE,KAAK;IACjBP,MAAM,EAAE,MAAM;IACdQ,CAAC,EAAE,CAAC;IACJC,YAAY,EAAE,IAAI;IAClBV,MAAM,EAAE;EACV,CAAC;AACH,CAAC;AAACW,OAAA,CAAAtC,wBAAA,GAAAA,wBAAA","ignoreList":[]}

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

@@ -4,7 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTooltipConfig = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+var _constants = require("../../../constants");
 var _chartUtils = require("../chartUtils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 getTooltipConfig = _ref => {
   let {
     bookType,
@@ -13,9 +22,34 @@ const getTooltipConfig = _ref => {
     displayPrecision,
     labelCallback,
     selectedPriceRef,
-    tooltipLinesColor
+    tooltipLinesColor,
+    sentimentLongs,
+    sentimentShorts,
+    isDesktop,
+    isDark,
+    locale
   } = _ref;
-  return {
+  const styles = isDesktop ? {
+    backgroundColor: isDark ? (0, _chromaJs.default)(_labsWidgetCommon.colorPalette.darkGray).alpha(0.95).hex() : (0, _chromaJs.default)(_labsWidgetCommon.colorPalette.darkWhite).alpha(0.95).hex(),
+    shadowColor: _labsWidgetCommon.colorPalette.black10,
+    extraCssText: 'z-index: 5;',
+    padding: 8,
+    alwaysShowContent: false,
+    textStyle: {
+      fontSize: 11
+    }
+  } : {
+    backgroundColor: 'transparent',
+    shadowColor: 'transparent',
+    extraCssText: 'width: 100%; z-index: 5;',
+    padding: 4,
+    alwaysShowContent: true,
+    textStyle: {
+      fontSize: 10,
+      lineHeight: 12
+    }
+  };
+  return _objectSpread(_objectSpread({}, styles), {}, {
     trigger: 'axis',
     formatter: params => (0, _chartUtils.getTooltipFormatter)({
       bookType,
@@ -23,8 +57,14 @@ const getTooltipConfig = _ref => {
       buckets,
       labelCallback,
       params: params,
-      selectedPrice: selectedPriceRef.current
+      selectedPrice: selectedPriceRef.current,
+      sentimentLongs,
+      sentimentShorts,
+      isDesktop,
+      locale,
+      isDark
     }),
+    hideDelay: 0,
     axisPointer: {
       type: 'cross',
       axis: 'x',
@@ -46,8 +86,14 @@ const getTooltipConfig = _ref => {
         }
       }
     },
-    confine: true
-  };
+    confine: true,
+    position: point => {
+      if (isDesktop) {
+        return [point[0] + _constants.CHART_CONFIG.TOOLTIP_OFFSET, point[1] + _constants.CHART_CONFIG.TOOLTIP_OFFSET];
+      }
+      return [0, 0];
+    }
+  });
 };
 exports.getTooltipConfig = getTooltipConfig;
 //# sourceMappingURL=getTooltipConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getTooltipConfig.js","names":["_chartUtils","require","getTooltipConfig","_ref","bookType","bucketWidth","buckets","displayPrecision","labelCallback","selectedPriceRef","tooltipLinesColor","trigger","formatter","params","getTooltipFormatter","selectedPrice","current","axisPointer","type","axis","lineStyle","color","crossStyle","label","padding","lineHeight","axisDimension","axisIndex","Number","value","concat","toFixed","confine","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  displayPrecision: number;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n  selectedPriceRef: { current: number };\n  tooltipLinesColor: string;\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  displayPrecision,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\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    }),\n\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});\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAaO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,gBAAgB;IAChBC,aAAa;IACbC,gBAAgB;IAChBC;EACsB,CAAC,GAAAP,IAAA;EAAA,OAA8B;IACrDQ,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChB,IAAAC,+BAAmB,EAAC;MAClBV,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPE,aAAa;MACbK,MAAM,EAAEA,MAAmC;MAC3CE,aAAa,EAAEN,gBAAgB,CAACO;IAClC,CAAC,CAAC;IAEJC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAEX;MACT,CAAC;MACDY,UAAU,EAAE;QACVD,KAAK,EAAEX;MACT,CAAC;MACDa,KAAK,EAAE;QACLC,OAAO,EAAE,CAAC;QACVC,UAAU,EAAE,EAAE;QACdb,SAAS,EAAGC,MAIX,IAAK;UACJ,IAAIA,MAAM,CAACa,aAAa,KAAK,GAAG,IAAIb,MAAM,CAACc,SAAS,KAAK,CAAC,EAAE;YAC1DlB,gBAAgB,CAACO,OAAO,GAAGY,MAAM,CAACf,MAAM,CAACgB,KAAK,CAAC;YAC/C,WAAAC,MAAA,CAAWF,MAAM,CAACf,MAAM,CAACgB,KAAK,CAAC,CAACE,OAAO,CAACxB,gBAAgB,CAAC;UAC3D;UACA,OAAO,EAAE;QACX;MACF;IACF,CAAC;IACDyB,OAAO,EAAE;EACX,CAAC;AAAA,CAAC;AAACC,OAAA,CAAA/B,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"getTooltipConfig.js","names":["_labsWidgetCommon","require","_chromaJs","_interopRequireDefault","_constants","_chartUtils","e","__esModule","default","ownKeys","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","getTooltipConfig","_ref","bookType","bucketWidth","buckets","displayPrecision","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","isDesktop","isDark","locale","styles","backgroundColor","chroma","colorPalette","darkGray","alpha","hex","darkWhite","shadowColor","black10","extraCssText","padding","alwaysShowContent","textStyle","fontSize","lineHeight","trigger","formatter","params","getTooltipFormatter","selectedPrice","current","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","label","axisDimension","axisIndex","concat","toFixed","confine","position","point","CHART_CONFIG","TOOLTIP_OFFSET","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getTooltipConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport chroma from 'chroma-js';\nimport 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  isDesktop: boolean;\n  isDark: boolean;\n  locale: string;\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  displayPrecision,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  isDark,\n  locale,\n}: GetTooltipConfigParams): TooltipComponentOption => {\n  const styles = isDesktop\n    ? {\n        backgroundColor: isDark\n          ? chroma(colorPalette.darkGray).alpha(0.95).hex()\n          : chroma(colorPalette.darkWhite).alpha(0.95).hex(),\n        shadowColor: colorPalette.black10,\n        extraCssText: 'z-index: 5;',\n        padding: 8,\n        alwaysShowContent: false,\n        textStyle: {\n          fontSize: 11,\n        },\n      }\n    : {\n        backgroundColor: 'transparent',\n        shadowColor: 'transparent',\n        extraCssText: 'width: 100%; z-index: 5;',\n        padding: 4,\n        alwaysShowContent: true,\n        textStyle: {\n          fontSize: 10,\n          lineHeight: 12,\n        },\n      };\n  return {\n    ...styles,\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      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      if (isDesktop) {\n        return [\n          point[0] + CHART_CONFIG.TOOLTIP_OFFSET,\n          point[1] + CHART_CONFIG.TOOLTIP_OFFSET,\n        ];\n      }\n      return [0, 0];\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,34 +8,57 @@ var _chartUtils = require("../chartUtils");
 const getXAxisConfig = _ref => {
   let {
     dates,
-    isGreaterThanTwoWeeks
+    isGreaterThanTwoWeeks,
+    locale
   } = _ref;
+  const labelsData = (0, _chartUtils.getLabelData)({
+    dates,
+    isGreaterThanTwoWeeks
+  });
   return [{
     type: 'category',
     id: 'main-xAxis',
-    name: 'xAxis-less-than-two-weeks',
     nameTextStyle: {
       fontSize: 0
     },
     axisTick: {
       show: false
     },
+    splitLine: {
+      lineStyle: {
+        opacity: 0.5
+      }
+    },
     axisLabel: {
+      showMaxLabel: false,
       padding: [8, 16, 8, 16],
       margin: 0,
-      formatter: value => (0, _chartUtils.formatXAxisLabel)(value, isGreaterThanTwoWeeks)
-    }
+      formatter: value => (0, _chartUtils.formatXAxisLabel)(value, isGreaterThanTwoWeeks, locale)
+    },
+    boundaryGap: false,
+    z: 2
   }, {
     type: 'category',
+    id: 'additional-xAxis',
     gridIndex: 1,
-    show: false,
     axisTick: {
       show: false
     },
-    axisLabel: {
+    axisLine: {
+      show: false
+    },
+    splitLine: {
       show: false
     },
-    data: dates
+    axisLabel: {
+      margin: 24,
+      hideOverlap: true,
+      customValues: labelsData,
+      formatter: value => (0, _chartUtils.formatXAxisAdditionalLabel)(value, isGreaterThanTwoWeeks, locale)
+    },
+    data: dates,
+    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","type","id","name","nameTextStyle","fontSize","axisTick","show","axisLabel","padding","margin","formatter","value","formatXAxisLabel","gridIndex","data","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getXAxisConfig.ts"],"sourcesContent":["import type { XAXisComponentOption } from 'echarts';\n\nimport { formatXAxisLabel } from '../chartUtils';\n\ninterface GetXAxisConfigParams {\n  dates: string[];\n  isGreaterThanTwoWeeks: boolean;\n}\n\nexport const getXAxisConfig = ({\n  dates,\n  isGreaterThanTwoWeeks,\n}: GetXAxisConfigParams): XAXisComponentOption[] => [\n  {\n    type: 'category',\n    id: 'main-xAxis',\n    name: '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  },\n  {\n    type: 'category',\n    gridIndex: 1,\n    show: false,\n    axisTick: {\n      show: false,\n    },\n    axisLabel: {\n      show: false,\n    },\n    data: dates,\n  },\n];\n"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AAOO,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;IAC7BC,KAAK;IACLC;EACoB,CAAC,GAAAF,IAAA;EAAA,OAA6B,CAClD;IACEG,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,YAAY;IAChBC,IAAI,EAAE,2BAA2B;IACjCC,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,EAAEZ,qBAAqB;IACjD;EACF,CAAC,EACD;IACEC,IAAI,EAAE,UAAU;IAChBa,SAAS,EAAE,CAAC;IACZP,IAAI,EAAE,KAAK;IACXD,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTD,IAAI,EAAE;IACR,CAAC;IACDQ,IAAI,EAAEhB;EACR,CAAC,CACF;AAAA;AAACiB,OAAA,CAAAnB,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"file":"getXAxisConfig.js","names":["_chartUtils","require","getXAxisConfig","_ref","dates","isGreaterThanTwoWeeks","locale","labelsData","getLabelData","type","id","nameTextStyle","fontSize","axisTick","show","splitLine","lineStyle","opacity","axisLabel","showMaxLabel","padding","margin","formatter","value","formatXAxisLabel","boundaryGap","z","gridIndex","axisLine","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  locale: string;\n}\n\nexport const getXAxisConfig = ({\n  dates,\n  isGreaterThanTwoWeeks,\n  locale,\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        showMaxLabel: false,\n        padding: [8, 16, 8, 16],\n        margin: 0,\n        formatter: (value: unknown) =>\n          formatXAxisLabel(value, isGreaterThanTwoWeeks, locale),\n      },\n      boundaryGap: false,\n      z: 2,\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      data: dates,\n      boundaryGap: false,\n      z: 2,\n    },\n  ];\n};\n"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AAYO,MAAMC,cAAc,GAAGC,IAAA,IAIsB;EAAA,IAJrB;IAC7BC,KAAK;IACLC,qBAAqB;IACrBC;EACoB,CAAC,GAAAH,IAAA;EACrB,MAAMI,UAAU,GAAG,IAAAC,wBAAY,EAAC;IAC9BJ,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEI,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,YAAY,EAAE,KAAK;MACnBC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;MACvBC,MAAM,EAAE,CAAC;MACTC,SAAS,EAAGC,KAAc,IACxB,IAAAC,4BAAgB,EAACD,KAAK,EAAElB,qBAAqB,EAAEC,MAAM;IACzD,CAAC;IACDmB,WAAW,EAAE,KAAK;IAClBC,CAAC,EAAE;EACL,CAAC,EACD;IACEjB,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,kBAAkB;IACtBiB,SAAS,EAAE,CAAC;IACZd,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDc,QAAQ,EAAE;MACRd,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTD,IAAI,EAAE;IACR,CAAC;IACDI,SAAS,EAAE;MACTG,MAAM,EAAE,EAAE;MACVQ,WAAW,EAAE,IAAI;MACjBC,YAAY,EAAEvB,UAAU;MACxBe,SAAS,EAAGC,KAAc,IACxB,IAAAQ,sCAA0B,EAACR,KAAK,EAAElB,qBAAqB,EAAEC,MAAM;IACnE,CAAC;IACD0B,IAAI,EAAE5B,KAAK;IACXqB,WAAW,EAAE,KAAK;IAClBC,CAAC,EAAE;EACL,CAAC,CACF;AACH,CAAC;AAACO,OAAA,CAAA/B,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -9,26 +9,37 @@ const getYAxisConfig = _ref => {
   let {
     bucketWidth,
     displayPrecision,
-    isDesktop,
-    labelCallback
+    isDesktop
   } = _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
     },
     axisTick: {
       show: false
     },
+    splitLine: {
+      show: false
+    },
     axisLabel: {
-      showMinLabel: false,
-      showMaxLabel: false,
-      formatter: value => value.toFixed(displayPrecision - 1)
-    }
+      lineHeight: 20,
+      margin: 4,
+      verticalAlignMinLabel: 'bottom',
+      verticalAlignMaxLabel: 'top',
+      formatter: value => value.toFixed(displayPrecision)
+    },
+    z: 30
   }, {
     type: 'value',
     gridIndex: 1,
@@ -44,31 +55,18 @@ const getYAxisConfig = _ref => {
     axisPointer: {
       show: false
     },
+    splitLine: {
+      show: false
+    },
     axisLabel: {
-      margin: isDesktop ? 4 : 2,
+      margin: 4,
       lineHeight: 20,
       verticalAlignMinLabel: 'bottom',
-      verticalAlignMaxLabel: 'top',
+      verticalAlignMaxLabel: isDesktop ? 'middle' : '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 => {
-        if (value === _constants.CHART_CONFIG.SENTIMENT_MIN) {
-          return "".concat(labelCallback('short'));
-        }
-        if (value === _constants.CHART_CONFIG.SENTIMENT_MAX) {
-          return "".concat(labelCallback('long'));
-        }
-        if (value === _constants.CHART_CONFIG.SENTIMENT_MAX / 2) {
-          return '50%';
-        }
-        if (value === _constants.CHART_CONFIG.SENTIMENT_MAX / 5) {
-          return '80%';
-        }
-        if (value === _constants.CHART_CONFIG.SENTIMENT_MAX * 4 / 5) {
-          return '20%';
-        }
-        return '';
-      }
-    }
+      formatter: value => "".concat(value, "%")
+    },
+    z: 30
   }];
 };
 exports.getYAxisConfig = getYAxisConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"getYAxisConfig.js","names":["_constants","require","getYAxisConfig","_ref","bucketWidth","displayPrecision","isDesktop","labelCallback","type","gridIndex","position","min","val","BUCKET_CONFIG","PRICE_MARGIN_MULTIPLIER","max","axisLine","show","axisTick","axisLabel","showMinLabel","showMaxLabel","formatter","value","toFixed","CHART_CONFIG","SENTIMENT_MIN","SENTIMENT_MAX","axisPointer","margin","lineHeight","verticalAlignMinLabel","verticalAlignMaxLabel","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  isDesktop: boolean;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getYAxisConfig = ({\n  bucketWidth,\n  displayPrecision,\n  isDesktop,\n  labelCallback,\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    axisLabel: {\n      showMinLabel: false,\n      showMaxLabel: false,\n      formatter: (value: number) => value.toFixed(displayPrecision - 1),\n    },\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: {\n      show: false,\n    },\n    axisLabel: {\n      margin: isDesktop ? 4 : 2,\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) => {\n        if (value === CHART_CONFIG.SENTIMENT_MIN) {\n          return `${labelCallback('short')}`;\n        }\n        if (value === CHART_CONFIG.SENTIMENT_MAX) {\n          return `${labelCallback('long')}`;\n        }\n        if (value === CHART_CONFIG.SENTIMENT_MAX / 2) {\n          return '50%';\n        }\n        if (value === CHART_CONFIG.SENTIMENT_MAX / 5) {\n          return '80%';\n        }\n        if (value === (CHART_CONFIG.SENTIMENT_MAX * 4) / 5) {\n          return '20%';\n        }\n        return '';\n      },\n    },\n  },\n];\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AASO,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;IAC7BC,WAAW;IACXC,gBAAgB;IAChBC,SAAS;IACTC;EACoB,CAAC,GAAAJ,IAAA;EAAA,OAA6B,CAClD;IACEK,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,OAAO;IACjBC,GAAG,EAAGC,GAAoB,IACxBA,GAAG,CAACD,GAAG,GAAGP,WAAW,GAAGS,wBAAa,CAACC,uBAAuB;IAC/DC,GAAG,EAAGH,GAAoB,IACxBA,GAAG,CAACG,GAAG,GAAGX,WAAW,GAAGS,wBAAa,CAACC,uBAAuB;IAC/DE,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC;IACzBC,QAAQ,EAAE;MAAED,IAAI,EAAE;IAAM,CAAC;IACzBE,SAAS,EAAE;MACTC,YAAY,EAAE,KAAK;MACnBC,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAGC,KAAa,IAAKA,KAAK,CAACC,OAAO,CAACnB,gBAAgB,GAAG,CAAC;IAClE;EACF,CAAC,EACD;IACEG,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEc,uBAAY,CAACC,aAAa;IAC/BX,GAAG,EAAEU,uBAAY,CAACE,aAAa;IAC/BX,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC;IACzBC,QAAQ,EAAE;MAAED,IAAI,EAAE;IAAM,CAAC;IACzBW,WAAW,EAAE;MACXX,IAAI,EAAE;IACR,CAAC;IACDE,SAAS,EAAE;MACTU,MAAM,EAAEvB,SAAS,GAAG,CAAC,GAAG,CAAC;MACzBwB,UAAU,EAAE,EAAE;MACdC,qBAAqB,EAAE,QAAQ;MAC/BC,qBAAqB,EAAE,KAAK;MAC5BC,YAAY,EAAE,CACZR,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;MACDL,SAAS,EAAGC,KAAa,IAAK;QAC5B,IAAIA,KAAK,KAAKE,uBAAY,CAACC,aAAa,EAAE;UACxC,UAAAQ,MAAA,CAAU3B,aAAa,CAAC,OAAO,CAAC;QAClC;QACA,IAAIgB,KAAK,KAAKE,uBAAY,CAACE,aAAa,EAAE;UACxC,UAAAO,MAAA,CAAU3B,aAAa,CAAC,MAAM,CAAC;QACjC;QACA,IAAIgB,KAAK,KAAKE,uBAAY,CAACE,aAAa,GAAG,CAAC,EAAE;UAC5C,OAAO,KAAK;QACd;QACA,IAAIJ,KAAK,KAAKE,uBAAY,CAACE,aAAa,GAAG,CAAC,EAAE;UAC5C,OAAO,KAAK;QACd;QACA,IAAIJ,KAAK,KAAME,uBAAY,CAACE,aAAa,GAAG,CAAC,GAAI,CAAC,EAAE;UAClD,OAAO,KAAK;QACd;QACA,OAAO,EAAE;MACX;IACF;EACF,CAAC,CACF;AAAA;AAACQ,OAAA,CAAAjC,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"file":"getYAxisConfig.js","names":["_constants","require","getYAxisConfig","_ref","bucketWidth","displayPrecision","isDesktop","type","gridIndex","position","min","val","adjustedMin","Math","floor","max","adjustedMax","ceil","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 { CHART_CONFIG } from '../../../constants';\n\ninterface GetYAxisConfigParams {\n  bucketWidth: number;\n  displayPrecision: number;\n  isDesktop: boolean;\n}\n\nexport const getYAxisConfig = ({\n  bucketWidth,\n  displayPrecision,\n  isDesktop,\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    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: isDesktop ? 'middle' : '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,CAAC,EAAE;EACL,CAAC,EACD;IACEvB,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEqB,uBAAY,CAACC,aAAa;IAC/BjB,GAAG,EAAEgB,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,EAAEpB,SAAS,GAAG,QAAQ,GAAG,KAAK;MACnD6B,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,CAAAnC,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -36,6 +36,17 @@ Object.keys(_getGridLines).forEach(function (key) {
     }
   });
 });
+var _getLabelsConfig = require("./getLabelsConfig");
+Object.keys(_getLabelsConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getLabelsConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getLabelsConfig[key];
+    }
+  });
+});
 var _getSeriesCandlestickConfig = require("./getSeriesCandlestickConfig");
 Object.keys(_getSeriesCandlestickConfig).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_getDataZoomConfig","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getGridConfig","_getGridLines","_getSeriesCandlestickConfig","_getSeriesHeatmapConfig","_getSeriesSentimentConfig","_getTooltipConfig","_getVisualMapConfig","_getXAxisConfig","_getYAxisConfig"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/index.ts"],"sourcesContent":["export * from './getDataZoomConfig';\nexport * from './getGridConfig';\nexport * from './getGridLines';\nexport * from './getSeriesCandlestickConfig';\nexport * from './getSeriesHeatmapConfig';\nexport * from './getSeriesSentimentConfig';\nexport * from './getTooltipConfig';\nexport * from './getVisualMapConfig';\nexport * from './getXAxisConfig';\nexport * from './getYAxisConfig';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_getDataZoomConfig","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getGridConfig","_getGridLines","_getLabelsConfig","_getSeriesCandlestickConfig","_getSeriesHeatmapConfig","_getSeriesSentimentConfig","_getTooltipConfig","_getVisualMapConfig","_getXAxisConfig","_getYAxisConfig"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/index.ts"],"sourcesContent":["export * from './getDataZoomConfig';\nexport * from './getGridConfig';\nexport * from './getGridLines';\nexport * from './getLabelsConfig';\nexport * from './getSeriesCandlestickConfig';\nexport * from './getSeriesHeatmapConfig';\nexport * from './getSeriesSentimentConfig';\nexport * from './getTooltipConfig';\nexport * from './getVisualMapConfig';\nexport * from './getXAxisConfig';\nexport * from './getYAxisConfig';\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatXAxisAdditionalLabel = void 0;
+const formatXAxisAdditionalLabel = (value, isGreaterThanTwoWeeks, locale) => {
+  const date = new Date(value);
+  if (isNaN(date.getTime())) {
+    return '';
+  }
+  return "".concat(date.toLocaleDateString(locale, {
+    month: isGreaterThanTwoWeeks ? 'short' : 'long',
+    day: isGreaterThanTwoWeeks ? 'numeric' : undefined
+  }));
+};
+exports.formatXAxisAdditionalLabel = formatXAxisAdditionalLabel;
+//# sourceMappingURL=formatXAxisAdditionalLabel.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/formatXAxisAdditionalLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatXAxisAdditionalLabel.js","names":["formatXAxisAdditionalLabel","value","isGreaterThanTwoWeeks","locale","date","Date","isNaN","getTime","concat","toLocaleDateString","month","day","undefined","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/formatXAxisAdditionalLabel.ts"],"sourcesContent":["export const formatXAxisAdditionalLabel = (\n  value: unknown,\n  isGreaterThanTwoWeeks: boolean,\n  locale: string\n) => {\n  const date = new Date(value as string);\n  if (isNaN(date.getTime())) {\n    return '';\n  }\n  return `${date.toLocaleDateString(locale, {\n    month: isGreaterThanTwoWeeks ? 'short' : 'long',\n    day: isGreaterThanTwoWeeks ? 'numeric' : undefined,\n  })}`;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,0BAA0B,GAAGA,CACxCC,KAAc,EACdC,qBAA8B,EAC9BC,MAAc,KACX;EACH,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACJ,KAAe,CAAC;EACtC,IAAIK,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;IACzB,OAAO,EAAE;EACX;EACA,UAAAC,MAAA,CAAUJ,IAAI,CAACK,kBAAkB,CAACN,MAAM,EAAE;IACxCO,KAAK,EAAER,qBAAqB,GAAG,OAAO,GAAG,MAAM;IAC/CS,GAAG,EAAET,qBAAqB,GAAG,SAAS,GAAGU;EAC3C,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAAb,0BAAA,GAAAA,0BAAA","ignoreList":[]}

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

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatXAxisLabel = void 0;
 var _constants = require("../../../constants");
-const formatXAxisLabel = (value, isGreaterThanTwoWeeks) => {
+const formatXAxisLabel = (value, isGreaterThanTwoWeeks, locale) => {
   const date = new Date(value);
-  return isGreaterThanTwoWeeks ? "".concat(date.toLocaleTimeString(undefined, {
-    hour: '2-digit',
-    minute: '2-digit'
-  })) : "".concat(_constants.CHART_CONFIG.X_AXIS_DATE_PADDING).concat(date.toLocaleDateString(undefined, {
+  return isGreaterThanTwoWeeks ? "".concat(date.toLocaleTimeString(locale, {
+    hour: 'numeric',
+    minute: '2-digit',
+    hour12: false
+  })) : "".concat(_constants.CHART_CONFIG.X_AXIS_DATE_PADDING).concat(date.toLocaleDateString(locale, {
     day: 'numeric'
   })).concat(_constants.CHART_CONFIG.X_AXIS_DATE_PADDING);
 };

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/formatXAxisLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatXAxisLabel.js","names":["_constants","require","formatXAxisLabel","value","isGreaterThanTwoWeeks","date","Date","concat","toLocaleTimeString","undefined","hour","minute","CHART_CONFIG","X_AXIS_DATE_PADDING","toLocaleDateString","day","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/formatXAxisLabel.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../../constants';\n\nexport const formatXAxisLabel = (\n  value: unknown,\n  isGreaterThanTwoWeeks: boolean\n) => {\n  const date = new Date(value as string);\n  return isGreaterThanTwoWeeks\n    ? `${date.toLocaleTimeString(undefined, {\n        hour: '2-digit',\n        minute: '2-digit',\n      })}`\n    : `${CHART_CONFIG.X_AXIS_DATE_PADDING}${date.toLocaleDateString(undefined, {\n        day: 'numeric',\n      })}${CHART_CONFIG.X_AXIS_DATE_PADDING}`;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAGA,CAC9BC,KAAc,EACdC,qBAA8B,KAC3B;EACH,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACH,KAAe,CAAC;EACtC,OAAOC,qBAAqB,MAAAG,MAAA,CACrBF,IAAI,CAACG,kBAAkB,CAACC,SAAS,EAAE;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC,CAAC,OAAAJ,MAAA,CACCK,uBAAY,CAACC,mBAAmB,EAAAN,MAAA,CAAGF,IAAI,CAACS,kBAAkB,CAACL,SAAS,EAAE;IACvEM,GAAG,EAAE;EACP,CAAC,CAAC,EAAAR,MAAA,CAAGK,uBAAY,CAACC,mBAAmB,CAAE;AAC7C,CAAC;AAACG,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"formatXAxisLabel.js","names":["_constants","require","formatXAxisLabel","value","isGreaterThanTwoWeeks","locale","date","Date","concat","toLocaleTimeString","hour","minute","hour12","CHART_CONFIG","X_AXIS_DATE_PADDING","toLocaleDateString","day","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/formatXAxisLabel.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../../constants';\n\nexport const formatXAxisLabel = (\n  value: unknown,\n  isGreaterThanTwoWeeks: boolean,\n  locale: string\n) => {\n  const date = new Date(value as string);\n  return isGreaterThanTwoWeeks\n    ? `${date.toLocaleTimeString(locale, {\n        hour: 'numeric',\n        minute: '2-digit',\n        hour12: false,\n      })}`\n    : `${CHART_CONFIG.X_AXIS_DATE_PADDING}${date.toLocaleDateString(locale, {\n        day: 'numeric',\n      })}${CHART_CONFIG.X_AXIS_DATE_PADDING}`;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAGA,CAC9BC,KAAc,EACdC,qBAA8B,EAC9BC,MAAc,KACX;EACH,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACJ,KAAe,CAAC;EACtC,OAAOC,qBAAqB,MAAAI,MAAA,CACrBF,IAAI,CAACG,kBAAkB,CAACJ,MAAM,EAAE;IACjCK,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC,OAAAJ,MAAA,CACCK,uBAAY,CAACC,mBAAmB,EAAAN,MAAA,CAAGF,IAAI,CAACS,kBAAkB,CAACV,MAAM,EAAE;IACpEW,GAAG,EAAE;EACP,CAAC,CAAC,EAAAR,MAAA,CAAGK,uBAAY,CAACC,mBAAmB,CAAE;AAC7C,CAAC;AAACG,OAAA,CAAAf,gBAAA,GAAAA,gBAAA","ignoreList":[]}