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

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

@@ -1 +1 @@
-{"version":3,"file":"getTooltipConfig.js","names":["CHART_CONFIG","getTooltipFormatter","getTooltipConfig","_ref","bookType","bucketWidth","buckets","displayPrecision","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","trigger","formatter","params","selectedPrice","current","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","label","padding","lineHeight","axisDimension","axisIndex","Number","value","concat","toFixed","confine","position","point","TOOLTIP_OFFSET"],"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,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,eAAe;AAenD,OAAO,MAAMC,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,IAChBd,mBAAmB,CAAC;MAClBG,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPE,aAAa;MACbO,MAAM,EAAEA,MAAmC;MAC3CC,aAAa,EAAEP,gBAAgB,CAACQ,OAAO;MACvCN,cAAc;MACdC;IACF,CAAC,CAAC;IACJM,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAEb;MACT,CAAC;MACDc,UAAU,EAAE;QACVD,KAAK,EAAEb;MACT,CAAC;MACDe,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;YAC1DpB,gBAAgB,CAACQ,OAAO,GAAGa,MAAM,CAACf,MAAM,CAACgB,KAAK,CAAC;YAC/C,WAAAC,MAAA,CAAWF,MAAM,CAACf,MAAM,CAACgB,KAAK,CAAC,CAACE,OAAO,CAAC1B,gBAAgB,CAAC;UAC3D;UACA,OAAO,EAAE;QACX;MACF;IACF,CAAC;IACD2B,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAGC,KAAK,IAAK,CACnBA,KAAK,CAAC,CAAC,CAAC,GAAGpC,YAAY,CAACqC,cAAc,EACtCD,KAAK,CAAC,CAAC,CAAC,GAAGpC,YAAY,CAACqC,cAAc;EAE1C,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"getTooltipConfig.js","names":["colorPalette","chroma","CHART_CONFIG","getTooltipFormatter","getTooltipConfig","_ref","bookType","bucketWidth","buckets","displayPrecision","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","isDesktop","isDark","locale","styles","backgroundColor","darkGray","alpha","hex","darkWhite","shadowColor","black10","extraCssText","padding","alwaysShowContent","textStyle","fontSize","lineHeight","_objectSpread","trigger","formatter","params","selectedPrice","current","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","label","axisDimension","axisIndex","Number","value","concat","toFixed","confine","position","point","TOOLTIP_OFFSET"],"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":";;;;;AAAA,SAASA,YAAY,QAAQ,2BAA2B;AACxD,OAAOC,MAAM,MAAM,WAAW;AAI9B,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,eAAe;AAkBnD,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAasB;EAAA,IAbrB;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,gBAAgB;IAChBC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACdC,eAAe;IACfC,SAAS;IACTC,MAAM;IACNC;EACsB,CAAC,GAAAZ,IAAA;EACvB,MAAMa,MAAM,GAAGH,SAAS,GACpB;IACEI,eAAe,EAAEH,MAAM,GACnBf,MAAM,CAACD,YAAY,CAACoB,QAAQ,CAAC,CAACC,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAAC,GAC/CrB,MAAM,CAACD,YAAY,CAACuB,SAAS,CAAC,CAACF,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAAC;IACpDE,WAAW,EAAExB,YAAY,CAACyB,OAAO;IACjCC,YAAY,EAAE,aAAa;IAC3BC,OAAO,EAAE,CAAC;IACVC,iBAAiB,EAAE,KAAK;IACxBC,SAAS,EAAE;MACTC,QAAQ,EAAE;IACZ;EACF,CAAC,GACD;IACEX,eAAe,EAAE,aAAa;IAC9BK,WAAW,EAAE,aAAa;IAC1BE,YAAY,EAAE,0BAA0B;IACxCC,OAAO,EAAE,CAAC;IACVC,iBAAiB,EAAE,IAAI;IACvBC,SAAS,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd;EACF,CAAC;EACL,OAAAC,aAAA,CAAAA,aAAA,KACKd,MAAM;IACTe,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChBhC,mBAAmB,CAAC;MAClBG,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPE,aAAa;MACbyB,MAAM,EAAEA,MAAmC;MAC3CC,aAAa,EAAEzB,gBAAgB,CAAC0B,OAAO;MACvCxB,cAAc;MACdC,eAAe;MACfC,SAAS;MACTE,MAAM;MACND;IACF,CAAC,CAAC;IACJsB,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAE/B;MACT,CAAC;MACDgC,UAAU,EAAE;QACVD,KAAK,EAAE/B;MACT,CAAC;MACDiC,KAAK,EAAE;QACLlB,OAAO,EAAE,CAAC;QACVI,UAAU,EAAE,EAAE;QACdG,SAAS,EAAGC,MAIX,IAAK;UACJ,IAAIA,MAAM,CAACW,aAAa,KAAK,GAAG,IAAIX,MAAM,CAACY,SAAS,KAAK,CAAC,EAAE;YAC1DpC,gBAAgB,CAAC0B,OAAO,GAAGW,MAAM,CAACb,MAAM,CAACc,KAAK,CAAC;YAC/C,WAAAC,MAAA,CAAWF,MAAM,CAACb,MAAM,CAACc,KAAK,CAAC,CAACE,OAAO,CAAC1C,gBAAgB,CAAC;UAC3D;UACA,OAAO,EAAE;QACX;MACF;IACF,CAAC;IACD2C,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAGC,KAAK,IAAK;MACnB,IAAIvC,SAAS,EAAE;QACb,OAAO,CACLuC,KAAK,CAAC,CAAC,CAAC,GAAGpD,YAAY,CAACqD,cAAc,EACtCD,KAAK,CAAC,CAAC,CAAC,GAAGpD,YAAY,CAACqD,cAAc,CACvC;MACH;MACA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACf;EAAC;AAEL,CAAC","ignoreList":[]}

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

@@ -2,7 +2,8 @@ import { formatXAxisAdditionalLabel, formatXAxisLabel, getLabelData } from '../c
 export const getXAxisConfig = _ref => {
   let {
     dates,
-    isGreaterThanTwoWeeks
+    isGreaterThanTwoWeeks,
+    locale
   } = _ref;
   const labelsData = getLabelData({
     dates,
@@ -11,19 +12,25 @@ export 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: {
+      showMaxLabel: false,
       padding: [8, 16, 8, 16],
       margin: 0,
-      formatter: value => formatXAxisLabel(value, isGreaterThanTwoWeeks)
+      formatter: value => formatXAxisLabel(value, isGreaterThanTwoWeeks, locale)
     },
-    boundaryGap: false
+    boundaryGap: false,
+    z: 2
   }, {
     type: 'category',
     id: 'additional-xAxis',
@@ -41,10 +48,11 @@ export const getXAxisConfig = _ref => {
       margin: 24,
       hideOverlap: true,
       customValues: labelsData,
-      formatter: value => formatXAxisAdditionalLabel(value, isGreaterThanTwoWeeks)
+      formatter: value => formatXAxisAdditionalLabel(value, isGreaterThanTwoWeeks, locale)
     },
     data: dates,
-    boundaryGap: false
+    boundaryGap: false,
+    z: 2
   }];
 };
 //# sourceMappingURL=getXAxisConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getXAxisConfig.js","names":["formatXAxisAdditionalLabel","formatXAxisLabel","getLabelData","getXAxisConfig","_ref","dates","isGreaterThanTwoWeeks","labelsData","type","id","name","nameTextStyle","fontSize","axisTick","show","axisLabel","padding","margin","formatter","value","boundaryGap","gridIndex","axisLine","splitLine","hideOverlap","customValues","data"],"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,SACEA,0BAA0B,EAC1BC,gBAAgB,EAChBC,YAAY,QACP,eAAe;AAOtB,OAAO,MAAMC,cAAc,GAAGC,IAAA,IAGsB;EAAA,IAHrB;IAC7BC,KAAK;IACLC;EACoB,CAAC,GAAAF,IAAA;EACrB,MAAMG,UAAU,GAAGL,YAAY,CAAC;IAC9BG,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEE,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,YAAY;IAChBC,IAAI,EAAEJ,qBAAqB,GACvB,8BAA8B,GAC9B,2BAA2B;IAC/BK,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,IACxBlB,gBAAgB,CAACkB,KAAK,EAAEb,qBAAqB;IACjD,CAAC;IACDc,WAAW,EAAE;EACf,CAAC,EACD;IACEZ,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,kBAAkB;IACtBY,SAAS,EAAE,CAAC;IACZR,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDQ,QAAQ,EAAE;MACRR,IAAI,EAAE;IACR,CAAC;IACDS,SAAS,EAAE;MACTT,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTE,MAAM,EAAE,EAAE;MACVO,WAAW,EAAE,IAAI;MACjBC,YAAY,EAAElB,UAAU;MACxBW,SAAS,EAAGC,KAAc,IACxBnB,0BAA0B,CAACmB,KAAK,EAAEb,qBAAqB;IAC3D,CAAC;IACDoB,IAAI,EAAErB,KAAK;IACXe,WAAW,EAAE;EACf,CAAC,CACF;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"getXAxisConfig.js","names":["formatXAxisAdditionalLabel","formatXAxisLabel","getLabelData","getXAxisConfig","_ref","dates","isGreaterThanTwoWeeks","locale","labelsData","type","id","nameTextStyle","fontSize","axisTick","show","splitLine","lineStyle","opacity","axisLabel","showMaxLabel","padding","margin","formatter","value","boundaryGap","z","gridIndex","axisLine","hideOverlap","customValues","data"],"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,SACEA,0BAA0B,EAC1BC,gBAAgB,EAChBC,YAAY,QACP,eAAe;AAQtB,OAAO,MAAMC,cAAc,GAAGC,IAAA,IAIsB;EAAA,IAJrB;IAC7BC,KAAK;IACLC,qBAAqB;IACrBC;EACoB,CAAC,GAAAH,IAAA;EACrB,MAAMI,UAAU,GAAGN,YAAY,CAAC;IAC9BG,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEG,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,IACxBtB,gBAAgB,CAACsB,KAAK,EAAEjB,qBAAqB,EAAEC,MAAM;IACzD,CAAC;IACDiB,WAAW,EAAE,KAAK;IAClBC,CAAC,EAAE;EACL,CAAC,EACD;IACEhB,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,kBAAkB;IACtBgB,SAAS,EAAE,CAAC;IACZb,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDa,QAAQ,EAAE;MACRb,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTD,IAAI,EAAE;IACR,CAAC;IACDI,SAAS,EAAE;MACTG,MAAM,EAAE,EAAE;MACVO,WAAW,EAAE,IAAI;MACjBC,YAAY,EAAErB,UAAU;MACxBc,SAAS,EAAGC,KAAc,IACxBvB,0BAA0B,CAACuB,KAAK,EAAEjB,qBAAqB,EAAEC,MAAM;IACnE,CAAC;IACDuB,IAAI,EAAEzB,KAAK;IACXmB,WAAW,EAAE,KAAK;IAClBC,CAAC,EAAE;EACL,CAAC,CACF;AACH,CAAC","ignoreList":[]}

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

@@ -1,15 +1,22 @@
-import { BUCKET_CONFIG, CHART_CONFIG } from '../../../constants';
+import { CHART_CONFIG } from '../../../constants';
 export const getYAxisConfig = _ref => {
   let {
     bucketWidth,
-    displayPrecision
+    displayPrecision,
+    isDesktop
   } = _ref;
   return [{
     type: 'value',
     gridIndex: 0,
     position: 'right',
-    min: val => val.min - bucketWidth * BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,
-    max: val => val.max + bucketWidth * 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
     },
@@ -49,7 +56,7 @@ export const getYAxisConfig = _ref => {
       margin: 4,
       lineHeight: 20,
       verticalAlignMinLabel: 'bottom',
-      verticalAlignMaxLabel: 'middle',
+      verticalAlignMaxLabel: isDesktop ? 'middle' : 'top',
       customValues: [CHART_CONFIG.SENTIMENT_MIN, CHART_CONFIG.SENTIMENT_MAX / 5, CHART_CONFIG.SENTIMENT_MAX / 2, CHART_CONFIG.SENTIMENT_MAX * 4 / 5, CHART_CONFIG.SENTIMENT_MAX],
       formatter: value => "".concat(value, "%")
     },

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

@@ -1 +1 @@
-{"version":3,"file":"getYAxisConfig.js","names":["BUCKET_CONFIG","CHART_CONFIG","getYAxisConfig","_ref","bucketWidth","displayPrecision","type","gridIndex","position","min","val","PRICE_MARGIN_MULTIPLIER","max","axisLine","show","axisTick","splitLine","axisLabel","lineHeight","margin","verticalAlignMinLabel","verticalAlignMaxLabel","formatter","value","toFixed","z","SENTIMENT_MIN","SENTIMENT_MAX","axisPointer","customValues","concat"],"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,SAASA,aAAa,EAAEC,YAAY,QAAQ,oBAAoB;AAOhE,OAAO,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,GAAGJ,aAAa,CAACW,uBAAuB;IAC/DC,GAAG,EAAGF,GAAoB,IACxBA,GAAG,CAACE,GAAG,GAAGR,WAAW,GAAGJ,aAAa,CAACW,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,CAACnB,gBAAgB;IAC9D,CAAC;IACDoB,CAAC,EAAE;EACL,CAAC,EACD;IACEnB,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAER,YAAY,CAACyB,aAAa;IAC/Bd,GAAG,EAAEX,YAAY,CAAC0B,aAAa;IAC/Bd,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC;IACzBC,QAAQ,EAAE;MAAED,IAAI,EAAE;IAAM,CAAC;IACzBc,WAAW,EAAE;MAAEd,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/BQ,YAAY,EAAE,CACZ5B,YAAY,CAACyB,aAAa,EAC1BzB,YAAY,CAAC0B,aAAa,GAAG,CAAC,EAC9B1B,YAAY,CAAC0B,aAAa,GAAG,CAAC,EAC7B1B,YAAY,CAAC0B,aAAa,GAAG,CAAC,GAAI,CAAC,EACpC1B,YAAY,CAAC0B,aAAa,CAC3B;MACDL,SAAS,EAAGC,KAAa,OAAAO,MAAA,CAAQP,KAAK;IACxC,CAAC;IACDE,CAAC,EAAE;EACL,CAAC,CACF;AAAA","ignoreList":[]}
+{"version":3,"file":"getYAxisConfig.js","names":["CHART_CONFIG","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","SENTIMENT_MIN","SENTIMENT_MAX","axisPointer","customValues","concat"],"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,SAASA,YAAY,QAAQ,oBAAoB;AAQjD,OAAO,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,EAAET,YAAY,CAAC8B,aAAa;IAC/BhB,GAAG,EAAEd,YAAY,CAAC+B,aAAa;IAC/Bd,QAAQ,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC;IACzBC,QAAQ,EAAE;MAAED,IAAI,EAAE;IAAM,CAAC;IACzBc,WAAW,EAAE;MAAEd,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;MACnD4B,YAAY,EAAE,CACZjC,YAAY,CAAC8B,aAAa,EAC1B9B,YAAY,CAAC+B,aAAa,GAAG,CAAC,EAC9B/B,YAAY,CAAC+B,aAAa,GAAG,CAAC,EAC7B/B,YAAY,CAAC+B,aAAa,GAAG,CAAC,GAAI,CAAC,EACpC/B,YAAY,CAAC+B,aAAa,CAC3B;MACDL,SAAS,EAAGC,KAAa,OAAAO,MAAA,CAAQP,KAAK;IACxC,CAAC;IACDE,CAAC,EAAE;EACL,CAAC,CACF;AAAA","ignoreList":[]}

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

@@ -1,9 +1,9 @@
-export const formatXAxisAdditionalLabel = (value, isGreaterThanTwoWeeks) => {
+export const formatXAxisAdditionalLabel = (value, isGreaterThanTwoWeeks, locale) => {
   const date = new Date(value);
   if (isNaN(date.getTime())) {
     return '';
   }
-  return "".concat(date.toLocaleDateString(undefined, {
+  return "".concat(date.toLocaleDateString(locale, {
     month: isGreaterThanTwoWeeks ? 'short' : 'long',
     day: isGreaterThanTwoWeeks ? 'numeric' : undefined
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"formatXAxisAdditionalLabel.js","names":["formatXAxisAdditionalLabel","value","isGreaterThanTwoWeeks","date","Date","isNaN","getTime","concat","toLocaleDateString","undefined","month","day"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/formatXAxisAdditionalLabel.ts"],"sourcesContent":["export const formatXAxisAdditionalLabel = (\n  value: unknown,\n  isGreaterThanTwoWeeks: boolean\n) => {\n  const date = new Date(value as string);\n  if (isNaN(date.getTime())) {\n    return '';\n  }\n  return `${date.toLocaleDateString(undefined, {\n    month: isGreaterThanTwoWeeks ? 'short' : 'long',\n    day: isGreaterThanTwoWeeks ? 'numeric' : undefined,\n  })}`;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,0BAA0B,GAAGA,CACxCC,KAAc,EACdC,qBAA8B,KAC3B;EACH,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACH,KAAe,CAAC;EACtC,IAAII,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;IACzB,OAAO,EAAE;EACX;EACA,UAAAC,MAAA,CAAUJ,IAAI,CAACK,kBAAkB,CAACC,SAAS,EAAE;IAC3CC,KAAK,EAAER,qBAAqB,GAAG,OAAO,GAAG,MAAM;IAC/CS,GAAG,EAAET,qBAAqB,GAAG,SAAS,GAAGO;EAC3C,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"formatXAxisAdditionalLabel.js","names":["formatXAxisAdditionalLabel","value","isGreaterThanTwoWeeks","locale","date","Date","isNaN","getTime","concat","toLocaleDateString","month","day","undefined"],"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":"AAAA,OAAO,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","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 import { CHART_CONFIG } from '../../../constants';
-export const formatXAxisLabel = (value, isGreaterThanTwoWeeks) => {
+export const formatXAxisLabel = (value, isGreaterThanTwoWeeks, locale) => {
   const date = new Date(value);
-  return isGreaterThanTwoWeeks ? "".concat(date.toLocaleTimeString(undefined, {
-    hour: '2-digit',
-    minute: '2-digit'
-  })) : "".concat(CHART_CONFIG.X_AXIS_DATE_PADDING).concat(date.toLocaleDateString(undefined, {
+  return isGreaterThanTwoWeeks ? "".concat(date.toLocaleTimeString(locale, {
+    hour: 'numeric',
+    minute: '2-digit',
+    hour12: false
+  })) : "".concat(CHART_CONFIG.X_AXIS_DATE_PADDING).concat(date.toLocaleDateString(locale, {
     day: 'numeric'
   })).concat(CHART_CONFIG.X_AXIS_DATE_PADDING);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"formatXAxisLabel.js","names":["CHART_CONFIG","formatXAxisLabel","value","isGreaterThanTwoWeeks","date","Date","concat","toLocaleTimeString","undefined","hour","minute","X_AXIS_DATE_PADDING","toLocaleDateString","day"],"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,SAASA,YAAY,QAAQ,oBAAoB;AAEjD,OAAO,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,CACCN,YAAY,CAACW,mBAAmB,EAAAL,MAAA,CAAGF,IAAI,CAACQ,kBAAkB,CAACJ,SAAS,EAAE;IACvEK,GAAG,EAAE;EACP,CAAC,CAAC,EAAAP,MAAA,CAAGN,YAAY,CAACW,mBAAmB,CAAE;AAC7C,CAAC","ignoreList":[]}
+{"version":3,"file":"formatXAxisLabel.js","names":["CHART_CONFIG","formatXAxisLabel","value","isGreaterThanTwoWeeks","locale","date","Date","concat","toLocaleTimeString","hour","minute","hour12","X_AXIS_DATE_PADDING","toLocaleDateString","day"],"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,SAASA,YAAY,QAAQ,oBAAoB;AAEjD,OAAO,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,CACCP,YAAY,CAACY,mBAAmB,EAAAL,MAAA,CAAGF,IAAI,CAACQ,kBAAkB,CAACT,MAAM,EAAE;IACpEU,GAAG,EAAE;EACP,CAAC,CAAC,EAAAP,MAAA,CAAGP,YAAY,CAACY,mBAAmB,CAAE;AAC7C,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.js

@@ -1,13 +1,20 @@
+import { colorPalette } from '@oanda/labs-widget-common';
 import { BookType } from '../../../../gql/types/graphql';
 const DATE_FORMAT_OPTIONS = {
-  hour: '2-digit',
-  minute: '2-digit',
-  year: 'numeric',
   day: 'numeric',
   month: 'numeric',
-  timeZoneName: 'short'
+  year: 'numeric',
+  hour: 'numeric',
+  minute: '2-digit',
+  hour12: false,
+  timeZoneName: 'shortOffset'
 };
 const SENTIMENT_DISPLAY_PRECISION = 2;
+const TOOLTIP_STYLES = {
+  MOBILE_COLUMN_WIDTH: '33.3%',
+  PADDING_BOTTOM: '4px',
+  FULL_WIDTH: '100%'
+};
 const calculateBucketDisplayPrecision = bucketWidth => {
   var _bucketWidth$toString;
   return ((_bucketWidth$toString = bucketWidth.toString().split('.')[1]) === null || _bucketWidth$toString === void 0 ? void 0 : _bucketWidth$toString.length) || 0;
@@ -31,7 +38,12 @@ const getSentimentOverbalanceLabel = (sentiment, bookType) => {
 };
 const formatCandleData = (candleData, labelCallback) => {
   const [, open, close, low, high] = candleData;
-  return "<p><b>".concat(labelCallback('candle'), ":</b></p>\n<p>").concat(labelCallback('open_price'), ": ").concat(open, " </p>\n<p>").concat(labelCallback('close_price'), ": ").concat(close, " </p>\n<p>").concat(labelCallback('low'), ": ").concat(low, " </p>\n<p>").concat(labelCallback('high'), ": ").concat(high, " </p>\n");
+  const candleLabel = labelCallback('candle');
+  const openLabel = labelCallback('open');
+  const closeLabel = labelCallback('close');
+  const lowLabel = labelCallback('low');
+  const highLabel = labelCallback('high');
+  return "<div><b>".concat(candleLabel, ":</b></div>\n<div>").concat(openLabel, ": ").concat(open, " </div>\n<div>").concat(closeLabel, ": ").concat(close, " </div>\n<div>").concat(lowLabel, ": ").concat(low, " </div>\n<div>").concat(highLabel, ": ").concat(high, " </div>\n");
 };
 const formatBookData = _ref => {
   let {
@@ -39,17 +51,18 @@ const formatBookData = _ref => {
     bucketWidth,
     bucketDisplayPrecision,
     bookType,
-    labelCallback
+    labelCallback,
+    isDesktop
   } = _ref;
-  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'positions';
+  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'trades';
   const priceRangeStart = matchedBucket.price.toFixed(bucketDisplayPrecision);
   const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(bucketDisplayPrecision);
   const sentimentLabel = getSentimentOverbalanceLabel(matchedBucket.sentiment, bookType);
-  const sentimentValue = Math.abs(matchedBucket.sentiment).toFixed(bucketDisplayPrecision);
-  return "<br /><p><b>".concat(labelCallback(bookLabelKey), ":</b></p>\n<p>").concat(labelCallback('price_range'), ": ").concat(priceRangeStart, " - ").concat(priceRangeEnd, " </p>\n<p>").concat(labelCallback(sentimentLabel), ": ").concat(sentimentValue, "% </p>");
+  const sentimentValue = Math.abs(matchedBucket.sentiment);
+  return isDesktop ? "<div><b>".concat(labelCallback(bookLabelKey), ":</b></div>\n<div>").concat(labelCallback('price_range'), ": ").concat(priceRangeStart, " - ").concat(priceRangeEnd, " </div>\n<div>").concat(labelCallback(sentimentLabel), ": ").concat(sentimentValue, "% </div>") : "<div><b>".concat(labelCallback(bookLabelKey), ":</b></div>\n<div>").concat(labelCallback('price_range'), ":</div>\n<div>").concat(priceRangeStart, " - ").concat(priceRangeEnd, " </div>\n<div>").concat(labelCallback(sentimentLabel), ":</div>\n<div>").concat(sentimentValue, "% </div>");
 };
 const formatSentimentData = (sentimentLong, sentimentShort, labelCallback) => {
-  return "<br /><p><b>".concat(labelCallback('sentiment'), ":</b></p>\n<p>").concat(labelCallback('long'), ": ").concat(sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </p>\n<p>").concat(labelCallback('short'), ": ").concat(sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </p>");
+  return "<div><b>".concat(labelCallback('sentiment'), ":</b></div>\n<div>").concat(labelCallback('long'), ": ").concat(sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </div>\n<div>").concat(labelCallback('short'), ": ").concat(sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </div>");
 };
 const hasValidCandleData = candleData => !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];
 const hasValidSentimentData = (sentimentLong, sentimentShort) => sentimentLong !== null && sentimentShort !== null;
@@ -74,7 +87,10 @@ export const getTooltipFormatter = _ref3 => {
     bookType,
     labelCallback,
     sentimentLongs,
-    sentimentShorts
+    sentimentShorts,
+    isDesktop,
+    locale,
+    isDark
   } = _ref3;
   if (!params || !Array.isArray(params) || params.length === 0) {
     return '';
@@ -98,16 +114,58 @@ export const getTooltipFormatter = _ref3 => {
   if (!showCandles && !matchedBucket) {
     return '';
   }
-  const timeFormatted = time.toLocaleString(undefined, DATE_FORMAT_OPTIONS);
+  const timeFormatted = time.toLocaleString(locale, DATE_FORMAT_OPTIONS).replace(/\//g, '.');
   const candleSection = showCandles ? formatCandleData(candleData, labelCallback) : '';
   const bookSection = matchedBucket ? formatBookData({
     matchedBucket,
     bucketWidth,
     bucketDisplayPrecision,
     bookType,
-    labelCallback
+    labelCallback,
+    isDesktop
   }) : '';
   const sentimentSection = showSentiment && sentimentLong && sentimentShort ? formatSentimentData(sentimentLong, sentimentShort, labelCallback) : '';
-  return "<p>".concat(timeFormatted, "</p><br />\n").concat(candleSection, "\n").concat(bookSection, "\n").concat(sentimentSection);
+  if (isDesktop) {
+    return buildDesktopTooltip({
+      timeFormatted,
+      candleSection,
+      sentimentSection,
+      bookSection,
+      hasMatchedBucket: !!matchedBucket
+    });
+  }
+  return buildMobileTooltip({
+    timeFormatted,
+    candleSection,
+    sentimentSection,
+    bookSection,
+    isDark
+  });
+};
+const buildDesktopTooltip = _ref4 => {
+  let {
+    timeFormatted,
+    candleSection,
+    sentimentSection,
+    bookSection,
+    hasMatchedBucket
+  } = _ref4;
+  const padding = TOOLTIP_STYLES.PADDING_BOTTOM;
+  const sentimentPadding = hasMatchedBucket ? padding : '0px';
+  return "<div style=\"padding-bottom: ".concat(padding, ";\">").concat(timeFormatted, "</div>\n<div style=\"padding-bottom: ").concat(padding, ";\">").concat(candleSection, "</div>\n<div style=\"padding-bottom: ").concat(sentimentPadding, ";\">").concat(sentimentSection, "</div>\n<div>").concat(bookSection, "</div>\n");
+};
+const buildMobileTooltip = _ref5 => {
+  let {
+    timeFormatted,
+    candleSection,
+    sentimentSection,
+    bookSection,
+    isDark
+  } = _ref5;
+  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;
+  const columnWidth = TOOLTIP_STYLES.MOBILE_COLUMN_WIDTH;
+  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;
+  const padding = TOOLTIP_STYLES.PADDING_BOTTOM;
+  return "<div style=\"width: ".concat(fullWidth, "; background-color: ").concat(backgroundColor, ";\">\n  <div style=\"padding-bottom: ").concat(padding, ";\">").concat(timeFormatted, "</div>\n  <div style=\"width: ").concat(fullWidth, "; display: flex; justify-content: space-between;\">\n  <div style=\"width: ").concat(columnWidth, ";\">\n").concat(candleSection, "\n</div>\n<div style=\"width: ").concat(columnWidth, ";\">\n").concat(sentimentSection, "\n</div>\n<div style=\"width: ").concat(columnWidth, ";\">\n").concat(bookSection, "\n</div>\n</div>\n</div>");
 };
 //# sourceMappingURL=getTooltipFormatter.js.map

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTooltipFormatter.js","names":["BookType","DATE_FORMAT_OPTIONS","hour","minute","year","day","month","timeZoneName","SENTIMENT_DISPLAY_PRECISION","calculateBucketDisplayPrecision","bucketWidth","_bucketWidth$toString","toString","split","length","findSeriesParam","params","seriesId","find","series","findSentimentSeriesParam","sentimentLongs","sentimentShorts","_sentimentLongs$index","_sentimentShorts$inde","index","dataIndex","sentimentLong","sentimentShort","getSentimentOverbalanceLabel","sentiment","bookType","Order","formatCandleData","candleData","labelCallback","open","close","low","high","concat","formatBookData","_ref","matchedBucket","bucketDisplayPrecision","bookLabelKey","priceRangeStart","price","toFixed","priceRangeEnd","sentimentLabel","sentimentValue","Math","abs","formatSentimentData","hasValidCandleData","hasValidSentimentData","findMatchingBucket","buckets","bucketsIndex","selectedPrice","undefined","selectedBuckets","_ref2","getTooltipFormatter","_ref3","Array","isArray","candleParam","booksParam","time","Date","axisValue","value","showCandles","showSentiment","timeFormatted","toLocaleString","candleSection","bookSection","sentimentSection"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.ts"],"sourcesContent":["import { BookType } from '../../../../gql/types/graphql';\nimport type { Bucket, TooltipParam } from '../types';\n\nconst DATE_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n  year: 'numeric',\n  day: 'numeric',\n  month: 'numeric',\n  timeZoneName: 'short',\n};\n\nconst SENTIMENT_DISPLAY_PRECISION = 2;\n\nconst calculateBucketDisplayPrecision = (bucketWidth: number): number => {\n  return bucketWidth.toString().split('.')[1]?.length || 0;\n};\n\nconst findSeriesParam = <T extends TooltipParam['seriesId']>(\n  params: TooltipParam[],\n  seriesId: T\n): Extract<TooltipParam, { seriesId: T }> | undefined => {\n  return params.find(\n    (series): series is Extract<TooltipParam, { seriesId: T }> =>\n      series.seriesId === seriesId\n  );\n};\n\nconst findSentimentSeriesParam = (\n  params: TooltipParam[],\n  sentimentLongs: (number | null)[],\n  sentimentShorts: (number | null)[]\n): {\n  sentimentLong: number | null;\n  sentimentShort: number | null;\n} => {\n  const index = params[0].dataIndex as number;\n\n  return {\n    sentimentLong: sentimentLongs[index] ?? null,\n    sentimentShort: sentimentShorts[index] ?? null,\n  };\n};\n\nconst getSentimentOverbalanceLabel = (\n  sentiment: number,\n  bookType: BookType\n): string => {\n  if (sentiment < 0) {\n    return bookType === BookType.Order\n      ? 'sell_overbalance'\n      : 'short_overbalance';\n  }\n  return bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance';\n};\n\nconst formatCandleData = (\n  candleData: [number, number, number, number, number],\n  labelCallback: (key: string) => string\n): string => {\n  const [, open, close, low, high] = candleData;\n  return `<p><b>${labelCallback('candle')}:</b></p>\n<p>${labelCallback('open_price')}: ${open} </p>\n<p>${labelCallback('close_price')}: ${close} </p>\n<p>${labelCallback('low')}: ${low} </p>\n<p>${labelCallback('high')}: ${high} </p>\n`;\n};\n\nconst formatBookData = ({\n  matchedBucket,\n  bucketWidth,\n  bucketDisplayPrecision,\n  bookType,\n  labelCallback,\n}: {\n  matchedBucket: Bucket;\n  bucketWidth: number;\n  bucketDisplayPrecision: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n}): string => {\n  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'positions';\n  const priceRangeStart = matchedBucket.price.toFixed(bucketDisplayPrecision);\n  const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(\n    bucketDisplayPrecision\n  );\n  const sentimentLabel = getSentimentOverbalanceLabel(\n    matchedBucket.sentiment,\n    bookType\n  );\n  const sentimentValue = Math.abs(matchedBucket.sentiment).toFixed(\n    bucketDisplayPrecision\n  );\n\n  return `<br /><p><b>${labelCallback(bookLabelKey)}:</b></p>\n<p>${labelCallback('price_range')}: ${priceRangeStart} - ${priceRangeEnd} </p>\n<p>${labelCallback(sentimentLabel)}: ${sentimentValue}% </p>`;\n};\n\nconst formatSentimentData = (\n  sentimentLong: number,\n  sentimentShort: number,\n  labelCallback: (key: string) => string\n): string => {\n  return `<br /><p><b>${labelCallback('sentiment')}:</b></p>\n<p>${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </p>\n<p>${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </p>`;\n};\n\nconst hasValidCandleData = (\n  candleData: [number, number, number, number, number]\n): boolean =>\n  !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\nconst hasValidSentimentData = (\n  sentimentLong: number | null,\n  sentimentShort: number | null\n): boolean => sentimentLong !== null && sentimentShort !== null;\n\nconst findMatchingBucket = (\n  buckets: Bucket[][],\n  bucketsIndex: number | undefined,\n  selectedPrice: number,\n  bucketWidth: number\n): Bucket | undefined => {\n  if (bucketsIndex === undefined) {\n    return undefined;\n  }\n  const selectedBuckets = buckets[bucketsIndex];\n  return selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n};\n\nexport const getTooltipFormatter = ({\n  params,\n  buckets,\n  bucketWidth,\n  selectedPrice,\n  bookType,\n  labelCallback,\n  sentimentLongs,\n  sentimentShorts,\n}: {\n  params: TooltipParam[];\n  buckets: Bucket[][];\n  bucketWidth: number;\n  selectedPrice: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n}) => {\n  if (!params || !Array.isArray(params) || params.length === 0) {\n    return '';\n  }\n\n  const candleParam = findSeriesParam(params, 'candlestick');\n  const booksParam = findSeriesParam(params, 'heatmap');\n  const { sentimentLong, sentimentShort } = findSentimentSeriesParam(\n    params,\n    sentimentLongs,\n    sentimentShorts\n  );\n\n  if (!candleParam) {\n    return '';\n  }\n\n  const bucketDisplayPrecision = calculateBucketDisplayPrecision(bucketWidth);\n  const time = new Date(candleParam.axisValue as string);\n  const candleData = candleParam.value;\n  const bucketsIndex = booksParam?.value[2];\n  const matchedBucket = findMatchingBucket(\n    buckets,\n    bucketsIndex,\n    selectedPrice,\n    bucketWidth\n  );\n  const showCandles = hasValidCandleData(candleData);\n  const showSentiment = hasValidSentimentData(sentimentLong, sentimentShort);\n\n  if (!showCandles && !matchedBucket) {\n    return '';\n  }\n\n  const timeFormatted = time.toLocaleString(undefined, DATE_FORMAT_OPTIONS);\n  const candleSection = showCandles\n    ? formatCandleData(candleData, labelCallback)\n    : '';\n\n  const bookSection = matchedBucket\n    ? formatBookData({\n        matchedBucket,\n        bucketWidth,\n        bucketDisplayPrecision,\n        bookType,\n        labelCallback,\n      })\n    : '';\n\n  const sentimentSection =\n    showSentiment && sentimentLong && sentimentShort\n      ? formatSentimentData(sentimentLong, sentimentShort, labelCallback)\n      : '';\n\n  return `<p>${timeFormatted}</p><br />\n${candleSection}\n${bookSection}\n${sentimentSection}`;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getTooltipFormatter.js","names":["colorPalette","BookType","DATE_FORMAT_OPTIONS","day","month","year","hour","minute","hour12","timeZoneName","SENTIMENT_DISPLAY_PRECISION","TOOLTIP_STYLES","MOBILE_COLUMN_WIDTH","PADDING_BOTTOM","FULL_WIDTH","calculateBucketDisplayPrecision","bucketWidth","_bucketWidth$toString","toString","split","length","findSeriesParam","params","seriesId","find","series","findSentimentSeriesParam","sentimentLongs","sentimentShorts","_sentimentLongs$index","_sentimentShorts$inde","index","dataIndex","sentimentLong","sentimentShort","getSentimentOverbalanceLabel","sentiment","bookType","Order","formatCandleData","candleData","labelCallback","open","close","low","high","candleLabel","openLabel","closeLabel","lowLabel","highLabel","concat","formatBookData","_ref","matchedBucket","bucketDisplayPrecision","isDesktop","bookLabelKey","priceRangeStart","price","toFixed","priceRangeEnd","sentimentLabel","sentimentValue","Math","abs","formatSentimentData","hasValidCandleData","hasValidSentimentData","findMatchingBucket","buckets","bucketsIndex","selectedPrice","undefined","selectedBuckets","_ref2","getTooltipFormatter","_ref3","locale","isDark","Array","isArray","candleParam","booksParam","time","Date","axisValue","value","showCandles","showSentiment","timeFormatted","toLocaleString","replace","candleSection","bookSection","sentimentSection","buildDesktopTooltip","hasMatchedBucket","buildMobileTooltip","_ref4","padding","sentimentPadding","_ref5","backgroundColor","black","white","columnWidth","fullWidth"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { BookType } from '../../../../gql/types/graphql';\nimport type { Bucket, TooltipParam } from '../types';\n\nconst DATE_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = {\n  day: 'numeric',\n  month: 'numeric',\n  year: 'numeric',\n\n  hour: 'numeric',\n  minute: '2-digit',\n  hour12: false,\n\n  timeZoneName: 'shortOffset',\n};\n\nconst SENTIMENT_DISPLAY_PRECISION = 2;\n\nconst TOOLTIP_STYLES = {\n  MOBILE_COLUMN_WIDTH: '33.3%',\n  PADDING_BOTTOM: '4px',\n  FULL_WIDTH: '100%',\n} as const;\n\nconst calculateBucketDisplayPrecision = (bucketWidth: number): number => {\n  return bucketWidth.toString().split('.')[1]?.length || 0;\n};\n\nconst findSeriesParam = <T extends TooltipParam['seriesId']>(\n  params: TooltipParam[],\n  seriesId: T\n): Extract<TooltipParam, { seriesId: T }> | undefined => {\n  return params.find(\n    (series): series is Extract<TooltipParam, { seriesId: T }> =>\n      series.seriesId === seriesId\n  );\n};\n\nconst findSentimentSeriesParam = (\n  params: TooltipParam[],\n  sentimentLongs: (number | null)[],\n  sentimentShorts: (number | null)[]\n): {\n  sentimentLong: number | null;\n  sentimentShort: number | null;\n} => {\n  const index = params[0].dataIndex as number;\n\n  return {\n    sentimentLong: sentimentLongs[index] ?? null,\n    sentimentShort: sentimentShorts[index] ?? null,\n  };\n};\n\nconst getSentimentOverbalanceLabel = (\n  sentiment: number,\n  bookType: BookType\n): string => {\n  if (sentiment < 0) {\n    return bookType === BookType.Order\n      ? 'sell_overbalance'\n      : 'short_overbalance';\n  }\n  return bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance';\n};\n\nconst formatCandleData = (\n  candleData: [number, number, number, number, number],\n  labelCallback: (key: string) => string\n): string => {\n  const [, open, close, low, high] = candleData;\n  const candleLabel = labelCallback('candle');\n  const openLabel = labelCallback('open');\n  const closeLabel = labelCallback('close');\n  const lowLabel = labelCallback('low');\n  const highLabel = labelCallback('high');\n\n  return `<div><b>${candleLabel}:</b></div>\n<div>${openLabel}: ${open} </div>\n<div>${closeLabel}: ${close} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${highLabel}: ${high} </div>\n`;\n};\n\nconst formatBookData = ({\n  matchedBucket,\n  bucketWidth,\n  bucketDisplayPrecision,\n  bookType,\n  labelCallback,\n  isDesktop,\n}: {\n  matchedBucket: Bucket;\n  bucketWidth: number;\n  bucketDisplayPrecision: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  isDesktop: boolean;\n}): string => {\n  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'trades';\n  const priceRangeStart = matchedBucket.price.toFixed(bucketDisplayPrecision);\n  const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(\n    bucketDisplayPrecision\n  );\n  const sentimentLabel = getSentimentOverbalanceLabel(\n    matchedBucket.sentiment,\n    bookType\n  );\n  const sentimentValue = Math.abs(matchedBucket.sentiment);\n\n  return isDesktop\n    ? `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<div>${labelCallback('price_range')}: ${priceRangeStart} - ${priceRangeEnd} </div>\n<div>${labelCallback(sentimentLabel)}: ${sentimentValue}% </div>`\n    : `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<div>${labelCallback('price_range')}:</div>\n<div>${priceRangeStart} - ${priceRangeEnd} </div>\n<div>${labelCallback(sentimentLabel)}:</div>\n<div>${sentimentValue}% </div>`;\n};\n\nconst formatSentimentData = (\n  sentimentLong: number,\n  sentimentShort: number,\n  labelCallback: (key: string) => string\n): string => {\n  return `<div><b>${labelCallback('sentiment')}:</b></div>\n<div>${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>\n<div>${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>`;\n};\n\nconst hasValidCandleData = (\n  candleData: [number, number, number, number, number]\n): boolean =>\n  !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\nconst hasValidSentimentData = (\n  sentimentLong: number | null,\n  sentimentShort: number | null\n): boolean => sentimentLong !== null && sentimentShort !== null;\n\nconst findMatchingBucket = (\n  buckets: Bucket[][],\n  bucketsIndex: number | undefined,\n  selectedPrice: number,\n  bucketWidth: number\n): Bucket | undefined => {\n  if (bucketsIndex === undefined) {\n    return undefined;\n  }\n  const selectedBuckets = buckets[bucketsIndex];\n  return selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n};\n\nexport const getTooltipFormatter = ({\n  params,\n  buckets,\n  bucketWidth,\n  selectedPrice,\n  bookType,\n  labelCallback,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  locale,\n  isDark,\n}: {\n  params: TooltipParam[];\n  buckets: Bucket[][];\n  bucketWidth: number;\n  selectedPrice: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  locale: string;\n  isDark: boolean;\n}) => {\n  if (!params || !Array.isArray(params) || params.length === 0) {\n    return '';\n  }\n\n  const candleParam = findSeriesParam(params, 'candlestick');\n  const booksParam = findSeriesParam(params, 'heatmap');\n  const { sentimentLong, sentimentShort } = findSentimentSeriesParam(\n    params,\n    sentimentLongs,\n    sentimentShorts\n  );\n\n  if (!candleParam) {\n    return '';\n  }\n\n  const bucketDisplayPrecision = calculateBucketDisplayPrecision(bucketWidth);\n  const time = new Date(candleParam.axisValue as string);\n  const candleData = candleParam.value;\n  const bucketsIndex = booksParam?.value[2];\n  const matchedBucket = findMatchingBucket(\n    buckets,\n    bucketsIndex,\n    selectedPrice,\n    bucketWidth\n  );\n  const showCandles = hasValidCandleData(candleData);\n  const showSentiment = hasValidSentimentData(sentimentLong, sentimentShort);\n\n  if (!showCandles && !matchedBucket) {\n    return '';\n  }\n\n  const timeFormatted = time\n    .toLocaleString(locale, DATE_FORMAT_OPTIONS)\n    .replace(/\\//g, '.');\n  const candleSection = showCandles\n    ? formatCandleData(candleData, labelCallback)\n    : '';\n\n  const bookSection = matchedBucket\n    ? formatBookData({\n        matchedBucket,\n        bucketWidth,\n        bucketDisplayPrecision,\n        bookType,\n        labelCallback,\n        isDesktop,\n      })\n    : '';\n\n  const sentimentSection =\n    showSentiment && sentimentLong && sentimentShort\n      ? formatSentimentData(sentimentLong, sentimentShort, labelCallback)\n      : '';\n\n  if (isDesktop) {\n    return buildDesktopTooltip({\n      timeFormatted,\n      candleSection,\n      sentimentSection,\n      bookSection,\n      hasMatchedBucket: !!matchedBucket,\n    });\n  }\n\n  return buildMobileTooltip({\n    timeFormatted,\n    candleSection,\n    sentimentSection,\n    bookSection,\n    isDark,\n  });\n};\n\ninterface TooltipSections {\n  timeFormatted: string;\n  candleSection: string;\n  sentimentSection: string;\n  bookSection: string;\n}\n\nconst buildDesktopTooltip = ({\n  timeFormatted,\n  candleSection,\n  sentimentSection,\n  bookSection,\n  hasMatchedBucket,\n}: TooltipSections & { hasMatchedBucket: boolean }): string => {\n  const padding = TOOLTIP_STYLES.PADDING_BOTTOM;\n  const sentimentPadding = hasMatchedBucket ? padding : '0px';\n\n  return `<div style=\"padding-bottom: ${padding};\">${timeFormatted}</div>\n<div style=\"padding-bottom: ${padding};\">${candleSection}</div>\n<div style=\"padding-bottom: ${sentimentPadding};\">${sentimentSection}</div>\n<div>${bookSection}</div>\n`;\n};\n\nconst buildMobileTooltip = ({\n  timeFormatted,\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n}: TooltipSections & { isDark: boolean }): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const columnWidth = TOOLTIP_STYLES.MOBILE_COLUMN_WIDTH;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n  const padding = TOOLTIP_STYLES.PADDING_BOTTOM;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"padding-bottom: ${padding};\">${timeFormatted}</div>\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n  <div style=\"width: ${columnWidth};\">\n${candleSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${sentimentSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/handleLabelUpdate.js

@@ -2,7 +2,7 @@ import { formatXAxisAdditionalLabel } from './formatXAxisAdditionalLabel';
 import { formatXAxisLabel } from './formatXAxisLabel';
 import { getLabelData } from './getLabelData';
 import { isDifferenceGreaterThanTwoWeeks } from './isDifferenceGreaterThanTwoWeeks';
-export const handleLabelUpdate = (instance, mainData, labelTimerRef, isGreaterThanTwoWeeksRef) => {
+export const handleLabelUpdate = (instance, mainData, labelTimerRef, isGreaterThanTwoWeeksRef, locale) => {
   if (labelTimerRef.current) {
     clearTimeout(labelTimerRef.current);
   }
@@ -35,13 +35,13 @@ export const handleLabelUpdate = (instance, mainData, labelTimerRef, isGreaterTh
         xAxis: [{
           id: 'main-xAxis',
           axisLabel: {
-            formatter: value => formatXAxisLabel(value, isGreaterThanTwoWeeks)
+            formatter: value => formatXAxisLabel(value, isGreaterThanTwoWeeks, locale)
           }
         }, {
           id: 'additional-xAxis',
           axisLabel: {
             customValues: labelsData,
-            formatter: value => formatXAxisAdditionalLabel(value, isGreaterThanTwoWeeks)
+            formatter: value => formatXAxisAdditionalLabel(value, isGreaterThanTwoWeeks, locale)
           }
         }]
       });

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/handleLabelUpdate.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleLabelUpdate.js","names":["formatXAxisAdditionalLabel","formatXAxisLabel","getLabelData","isDifferenceGreaterThanTwoWeeks","handleLabelUpdate","instance","mainData","labelTimerRef","isGreaterThanTwoWeeksRef","current","clearTimeout","setTimeout","_isGreaterThanTwoWeek","dates","dataZoom","getOption","Array","isArray","length","startValue","endValue","isGreaterThanTwoWeeks","wasGreaterThanTwoWeeks","labelsData","setOption","xAxis","id","axisLabel","formatter","value","customValues"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/handleLabelUpdate.ts"],"sourcesContent":["import type { EChartsType } from 'echarts';\nimport type { MutableRefObject } from 'react';\n\nimport type { ChartProps, DataZoomArray } from '../types';\nimport { formatXAxisAdditionalLabel } from './formatXAxisAdditionalLabel';\nimport { formatXAxisLabel } from './formatXAxisLabel';\nimport { getLabelData } from './getLabelData';\nimport { isDifferenceGreaterThanTwoWeeks } from './isDifferenceGreaterThanTwoWeeks';\n\nexport const handleLabelUpdate = (\n  instance: EChartsType,\n  mainData: ChartProps['mainData'],\n  labelTimerRef: MutableRefObject<NodeJS.Timeout | null>,\n  isGreaterThanTwoWeeksRef: MutableRefObject<boolean | null>\n): void => {\n  if (labelTimerRef.current) {\n    clearTimeout(labelTimerRef.current);\n  }\n  labelTimerRef.current = setTimeout(() => {\n    const { dates } = mainData;\n\n    const { dataZoom } = instance.getOption();\n    if (\n      !Array.isArray(dataZoom) ||\n      dataZoom.length === 0 ||\n      !dataZoom[0] ||\n      typeof dataZoom[0].startValue !== 'number' ||\n      typeof dataZoom[0].endValue !== 'number'\n    ) {\n      return;\n    }\n\n    const { startValue, endValue } = dataZoom[0] as DataZoomArray[0];\n\n    if (!dates[startValue] || !dates[endValue]) {\n      return;\n    }\n\n    const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n      dates[startValue],\n      dates[endValue]\n    );\n\n    const wasGreaterThanTwoWeeks = isGreaterThanTwoWeeksRef.current ?? false;\n\n    if (isGreaterThanTwoWeeks !== wasGreaterThanTwoWeeks) {\n      const labelsData = getLabelData({\n        dates,\n        isGreaterThanTwoWeeks,\n      });\n\n      instance.setOption({\n        xAxis: [\n          {\n            id: 'main-xAxis',\n            axisLabel: {\n              formatter: (value: string) =>\n                formatXAxisLabel(value, isGreaterThanTwoWeeks),\n            },\n          },\n          {\n            id: 'additional-xAxis',\n            axisLabel: {\n              customValues: labelsData,\n              formatter: (value: unknown) =>\n                formatXAxisAdditionalLabel(value, isGreaterThanTwoWeeks),\n            },\n          },\n        ],\n      });\n\n      isGreaterThanTwoWeeksRef.current = isGreaterThanTwoWeeks;\n    }\n  }, 50);\n};\n"],"mappings":"AAIA,SAASA,0BAA0B,QAAQ,8BAA8B;AACzE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,+BAA+B,QAAQ,mCAAmC;AAEnF,OAAO,MAAMC,iBAAiB,GAAGA,CAC/BC,QAAqB,EACrBC,QAAgC,EAChCC,aAAsD,EACtDC,wBAA0D,KACjD;EACT,IAAID,aAAa,CAACE,OAAO,EAAE;IACzBC,YAAY,CAACH,aAAa,CAACE,OAAO,CAAC;EACrC;EACAF,aAAa,CAACE,OAAO,GAAGE,UAAU,CAAC,MAAM;IAAA,IAAAC,qBAAA;IACvC,MAAM;MAAEC;IAAM,CAAC,GAAGP,QAAQ;IAE1B,MAAM;MAAEQ;IAAS,CAAC,GAAGT,QAAQ,CAACU,SAAS,CAAC,CAAC;IACzC,IACE,CAACC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,IACxBA,QAAQ,CAACI,MAAM,KAAK,CAAC,IACrB,CAACJ,QAAQ,CAAC,CAAC,CAAC,IACZ,OAAOA,QAAQ,CAAC,CAAC,CAAC,CAACK,UAAU,KAAK,QAAQ,IAC1C,OAAOL,QAAQ,CAAC,CAAC,CAAC,CAACM,QAAQ,KAAK,QAAQ,EACxC;MACA;IACF;IAEA,MAAM;MAAED,UAAU;MAAEC;IAAS,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAqB;IAEhE,IAAI,CAACD,KAAK,CAACM,UAAU,CAAC,IAAI,CAACN,KAAK,CAACO,QAAQ,CAAC,EAAE;MAC1C;IACF;IAEA,MAAMC,qBAAqB,GAAGlB,+BAA+B,CAC3DU,KAAK,CAACM,UAAU,CAAC,EACjBN,KAAK,CAACO,QAAQ,CAChB,CAAC;IAED,MAAME,sBAAsB,IAAAV,qBAAA,GAAGJ,wBAAwB,CAACC,OAAO,cAAAG,qBAAA,cAAAA,qBAAA,GAAI,KAAK;IAExE,IAAIS,qBAAqB,KAAKC,sBAAsB,EAAE;MACpD,MAAMC,UAAU,GAAGrB,YAAY,CAAC;QAC9BW,KAAK;QACLQ;MACF,CAAC,CAAC;MAEFhB,QAAQ,CAACmB,SAAS,CAAC;QACjBC,KAAK,EAAE,CACL;UACEC,EAAE,EAAE,YAAY;UAChBC,SAAS,EAAE;YACTC,SAAS,EAAGC,KAAa,IACvB5B,gBAAgB,CAAC4B,KAAK,EAAER,qBAAqB;UACjD;QACF,CAAC,EACD;UACEK,EAAE,EAAE,kBAAkB;UACtBC,SAAS,EAAE;YACTG,YAAY,EAAEP,UAAU;YACxBK,SAAS,EAAGC,KAAc,IACxB7B,0BAA0B,CAAC6B,KAAK,EAAER,qBAAqB;UAC3D;QACF,CAAC;MAEL,CAAC,CAAC;MAEFb,wBAAwB,CAACC,OAAO,GAAGY,qBAAqB;IAC1D;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}
+{"version":3,"file":"handleLabelUpdate.js","names":["formatXAxisAdditionalLabel","formatXAxisLabel","getLabelData","isDifferenceGreaterThanTwoWeeks","handleLabelUpdate","instance","mainData","labelTimerRef","isGreaterThanTwoWeeksRef","locale","current","clearTimeout","setTimeout","_isGreaterThanTwoWeek","dates","dataZoom","getOption","Array","isArray","length","startValue","endValue","isGreaterThanTwoWeeks","wasGreaterThanTwoWeeks","labelsData","setOption","xAxis","id","axisLabel","formatter","value","customValues"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/handleLabelUpdate.ts"],"sourcesContent":["import type { EChartsType } from 'echarts';\nimport type { MutableRefObject } from 'react';\n\nimport type { ChartProps, DataZoomArray } from '../types';\nimport { formatXAxisAdditionalLabel } from './formatXAxisAdditionalLabel';\nimport { formatXAxisLabel } from './formatXAxisLabel';\nimport { getLabelData } from './getLabelData';\nimport { isDifferenceGreaterThanTwoWeeks } from './isDifferenceGreaterThanTwoWeeks';\n\nexport const handleLabelUpdate = (\n  instance: EChartsType,\n  mainData: ChartProps['mainData'],\n  labelTimerRef: MutableRefObject<NodeJS.Timeout | null>,\n  isGreaterThanTwoWeeksRef: MutableRefObject<boolean | null>,\n  locale: string\n): void => {\n  if (labelTimerRef.current) {\n    clearTimeout(labelTimerRef.current);\n  }\n  labelTimerRef.current = setTimeout(() => {\n    const { dates } = mainData;\n\n    const { dataZoom } = instance.getOption();\n    if (\n      !Array.isArray(dataZoom) ||\n      dataZoom.length === 0 ||\n      !dataZoom[0] ||\n      typeof dataZoom[0].startValue !== 'number' ||\n      typeof dataZoom[0].endValue !== 'number'\n    ) {\n      return;\n    }\n\n    const { startValue, endValue } = dataZoom[0] as DataZoomArray[0];\n\n    if (!dates[startValue] || !dates[endValue]) {\n      return;\n    }\n\n    const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n      dates[startValue],\n      dates[endValue]\n    );\n\n    const wasGreaterThanTwoWeeks = isGreaterThanTwoWeeksRef.current ?? false;\n\n    if (isGreaterThanTwoWeeks !== wasGreaterThanTwoWeeks) {\n      const labelsData = getLabelData({\n        dates,\n        isGreaterThanTwoWeeks,\n      });\n\n      instance.setOption({\n        xAxis: [\n          {\n            id: 'main-xAxis',\n            axisLabel: {\n              formatter: (value: string) =>\n                formatXAxisLabel(value, isGreaterThanTwoWeeks, locale),\n            },\n          },\n          {\n            id: 'additional-xAxis',\n            axisLabel: {\n              customValues: labelsData,\n              formatter: (value: unknown) =>\n                formatXAxisAdditionalLabel(\n                  value,\n                  isGreaterThanTwoWeeks,\n                  locale\n                ),\n            },\n          },\n        ],\n      });\n\n      isGreaterThanTwoWeeksRef.current = isGreaterThanTwoWeeks;\n    }\n  }, 50);\n};\n"],"mappings":"AAIA,SAASA,0BAA0B,QAAQ,8BAA8B;AACzE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,+BAA+B,QAAQ,mCAAmC;AAEnF,OAAO,MAAMC,iBAAiB,GAAGA,CAC/BC,QAAqB,EACrBC,QAAgC,EAChCC,aAAsD,EACtDC,wBAA0D,EAC1DC,MAAc,KACL;EACT,IAAIF,aAAa,CAACG,OAAO,EAAE;IACzBC,YAAY,CAACJ,aAAa,CAACG,OAAO,CAAC;EACrC;EACAH,aAAa,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;IAAA,IAAAC,qBAAA;IACvC,MAAM;MAAEC;IAAM,CAAC,GAAGR,QAAQ;IAE1B,MAAM;MAAES;IAAS,CAAC,GAAGV,QAAQ,CAACW,SAAS,CAAC,CAAC;IACzC,IACE,CAACC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,IACxBA,QAAQ,CAACI,MAAM,KAAK,CAAC,IACrB,CAACJ,QAAQ,CAAC,CAAC,CAAC,IACZ,OAAOA,QAAQ,CAAC,CAAC,CAAC,CAACK,UAAU,KAAK,QAAQ,IAC1C,OAAOL,QAAQ,CAAC,CAAC,CAAC,CAACM,QAAQ,KAAK,QAAQ,EACxC;MACA;IACF;IAEA,MAAM;MAAED,UAAU;MAAEC;IAAS,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAqB;IAEhE,IAAI,CAACD,KAAK,CAACM,UAAU,CAAC,IAAI,CAACN,KAAK,CAACO,QAAQ,CAAC,EAAE;MAC1C;IACF;IAEA,MAAMC,qBAAqB,GAAGnB,+BAA+B,CAC3DW,KAAK,CAACM,UAAU,CAAC,EACjBN,KAAK,CAACO,QAAQ,CAChB,CAAC;IAED,MAAME,sBAAsB,IAAAV,qBAAA,GAAGL,wBAAwB,CAACE,OAAO,cAAAG,qBAAA,cAAAA,qBAAA,GAAI,KAAK;IAExE,IAAIS,qBAAqB,KAAKC,sBAAsB,EAAE;MACpD,MAAMC,UAAU,GAAGtB,YAAY,CAAC;QAC9BY,KAAK;QACLQ;MACF,CAAC,CAAC;MAEFjB,QAAQ,CAACoB,SAAS,CAAC;QACjBC,KAAK,EAAE,CACL;UACEC,EAAE,EAAE,YAAY;UAChBC,SAAS,EAAE;YACTC,SAAS,EAAGC,KAAa,IACvB7B,gBAAgB,CAAC6B,KAAK,EAAER,qBAAqB,EAAEb,MAAM;UACzD;QACF,CAAC,EACD;UACEkB,EAAE,EAAE,kBAAkB;UACtBC,SAAS,EAAE;YACTG,YAAY,EAAEP,UAAU;YACxBK,SAAS,EAAGC,KAAc,IACxB9B,0BAA0B,CACxB8B,KAAK,EACLR,qBAAqB,EACrBb,MACF;UACJ;QACF,CAAC;MAEL,CAAC,CAAC;MAEFD,wBAAwB,CAACE,OAAO,GAAGY,qBAAqB;IAC1D;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/index.js

@@ -8,4 +8,5 @@ export * from './getTooltipFormatter';
 export * from './handleLabelUpdate';
 export * from './handleTooltipUpdate';
 export * from './isDifferenceGreaterThanTwoWeeks';
+export * from './normalizeLocale';
 //# sourceMappingURL=index.js.map

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/index.ts"],"sourcesContent":["export * from './formatXAxisAdditionalLabel';\nexport * from './formatXAxisLabel';\nexport * from './getChartStyles';\nexport * from './getGradientColor';\nexport * from './getLabelData';\nexport * from './getRectColor';\nexport * from './getTooltipFormatter';\nexport * from './handleLabelUpdate';\nexport * from './handleTooltipUpdate';\nexport * from './isDifferenceGreaterThanTwoWeeks';\n"],"mappings":"AAAA,cAAc,8BAA8B;AAC5C,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,mCAAmC","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/index.ts"],"sourcesContent":["export * from './formatXAxisAdditionalLabel';\nexport * from './formatXAxisLabel';\nexport * from './getChartStyles';\nexport * from './getGradientColor';\nexport * from './getLabelData';\nexport * from './getRectColor';\nexport * from './getTooltipFormatter';\nexport * from './handleLabelUpdate';\nexport * from './handleTooltipUpdate';\nexport * from './isDifferenceGreaterThanTwoWeeks';\nexport * from './normalizeLocale';\n"],"mappings":"AAAA,cAAc,8BAA8B;AAC5C,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,mCAAmC;AACjD,cAAc,mBAAmB","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/normalizeLocale.js

@@ -0,0 +1,4 @@
+export const normalizeLocale = locale => {
+  return locale === 'en' ? 'en-GB' : locale;
+};
+//# sourceMappingURL=normalizeLocale.js.map

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/normalizeLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeLocale.js","names":["normalizeLocale","locale"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/normalizeLocale.ts"],"sourcesContent":["export const normalizeLocale = (locale: string): string => {\n  return locale === 'en' ? 'en-GB' : locale;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAIC,MAAc,IAAa;EACzD,OAAOA,MAAM,KAAK,IAAI,GAAG,OAAO,GAAGA,MAAM;AAC3C,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/processPriceCandles.js

@@ -50,7 +50,7 @@ export const processPriceCandles = priceCandlesData => {
     candlesClose,
     candlesLow,
     candlesHigh,
-    dates,
+    dates: [...dates, new Date().toISOString()],
     hasValidCandles: true,
     pipsLocation: priceCandlesData.priceCandles.pipsLocation
   };

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/processPriceCandles.js.map

@@ -1 +1 @@
-{"version":3,"file":"processPriceCandles.js","names":["processPriceCandles","priceCandlesData","_priceCandlesData$pri","_priceCandlesData$pri2","errorResult","minPrice","maxPrice","pipsLocation","hasValidCandles","candlesOpen","candlesClose","candlesLow","candlesHigh","dates","priceCandles","candle","length","reduce","acc","point","open","close","low","high","Math","min","max"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processPriceCandles.ts"],"sourcesContent":["import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';\n\nexport const processPriceCandles = (\n  priceCandlesData: GetPriceCandlesQuery | undefined\n) => {\n  const errorResult = {\n    minPrice: 0,\n    maxPrice: 0,\n    pipsLocation: 0,\n    hasValidCandles: false,\n    candlesOpen: [],\n    candlesClose: [],\n    candlesLow: [],\n    candlesHigh: [],\n    dates: [],\n  };\n\n  if (\n    !priceCandlesData?.priceCandles?.candle?.length ||\n    !priceCandlesData?.priceCandles?.pipsLocation\n  ) {\n    return errorResult;\n  }\n\n  const { dates, candlesOpen, candlesClose, candlesLow, candlesHigh } =\n    priceCandlesData.priceCandles.candle.reduce(\n      (acc, candle) => {\n        if (!candle) {\n          return acc;\n        }\n\n        return {\n          dates: [...acc.dates, candle.point],\n          candlesOpen: [...acc.candlesOpen, candle.open],\n          candlesClose: [...acc.candlesClose, candle.close],\n          candlesLow: [...acc.candlesLow, candle.low],\n          candlesHigh: [...acc.candlesHigh, candle.high],\n        };\n      },\n      {\n        dates: [] as string[],\n        candlesOpen: [] as number[],\n        candlesClose: [] as number[],\n        candlesLow: [] as number[],\n        candlesHigh: [] as number[],\n      }\n    );\n\n  if (dates.length === 0) {\n    return errorResult;\n  }\n\n  const minPrice = Math.min(...candlesLow);\n  const maxPrice = Math.max(...candlesHigh);\n\n  return {\n    minPrice,\n    maxPrice,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    dates,\n    hasValidCandles: true,\n    pipsLocation: priceCandlesData.priceCandles.pipsLocation,\n  };\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,GAC9BC,gBAAkD,IAC/C;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EACH,MAAMC,WAAW,GAAG;IAClBC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE,CAAC;IACXC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,KAAK;IACtBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,KAAK,EAAE;EACT,CAAC;EAED,IACE,EAACZ,gBAAgB,aAAhBA,gBAAgB,gBAAAC,qBAAA,GAAhBD,gBAAgB,CAAEa,YAAY,cAAAZ,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCa,MAAM,cAAAb,qBAAA,eAAtCA,qBAAA,CAAwCc,MAAM,KAC/C,EAACf,gBAAgB,aAAhBA,gBAAgB,gBAAAE,sBAAA,GAAhBF,gBAAgB,CAAEa,YAAY,cAAAX,sBAAA,eAA9BA,sBAAA,CAAgCI,YAAY,GAC7C;IACA,OAAOH,WAAW;EACpB;EAEA,MAAM;IAAES,KAAK;IAAEJ,WAAW;IAAEC,YAAY;IAAEC,UAAU;IAAEC;EAAY,CAAC,GACjEX,gBAAgB,CAACa,YAAY,CAACC,MAAM,CAACE,MAAM,CACzC,CAACC,GAAG,EAAEH,MAAM,KAAK;IACf,IAAI,CAACA,MAAM,EAAE;MACX,OAAOG,GAAG;IACZ;IAEA,OAAO;MACLL,KAAK,EAAE,CAAC,GAAGK,GAAG,CAACL,KAAK,EAAEE,MAAM,CAACI,KAAK,CAAC;MACnCV,WAAW,EAAE,CAAC,GAAGS,GAAG,CAACT,WAAW,EAAEM,MAAM,CAACK,IAAI,CAAC;MAC9CV,YAAY,EAAE,CAAC,GAAGQ,GAAG,CAACR,YAAY,EAAEK,MAAM,CAACM,KAAK,CAAC;MACjDV,UAAU,EAAE,CAAC,GAAGO,GAAG,CAACP,UAAU,EAAEI,MAAM,CAACO,GAAG,CAAC;MAC3CV,WAAW,EAAE,CAAC,GAAGM,GAAG,CAACN,WAAW,EAAEG,MAAM,CAACQ,IAAI;IAC/C,CAAC;EACH,CAAC,EACD;IACEV,KAAK,EAAE,EAAc;IACrBJ,WAAW,EAAE,EAAc;IAC3BC,YAAY,EAAE,EAAc;IAC5BC,UAAU,EAAE,EAAc;IAC1BC,WAAW,EAAE;EACf,CACF,CAAC;EAEH,IAAIC,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOZ,WAAW;EACpB;EAEA,MAAMC,QAAQ,GAAGmB,IAAI,CAACC,GAAG,CAAC,GAAGd,UAAU,CAAC;EACxC,MAAML,QAAQ,GAAGkB,IAAI,CAACE,GAAG,CAAC,GAAGd,WAAW,CAAC;EAEzC,OAAO;IACLP,QAAQ;IACRC,QAAQ;IACRG,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,KAAK;IACLL,eAAe,EAAE,IAAI;IACrBD,YAAY,EAAEN,gBAAgB,CAACa,YAAY,CAACP;EAC9C,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"processPriceCandles.js","names":["processPriceCandles","priceCandlesData","_priceCandlesData$pri","_priceCandlesData$pri2","errorResult","minPrice","maxPrice","pipsLocation","hasValidCandles","candlesOpen","candlesClose","candlesLow","candlesHigh","dates","priceCandles","candle","length","reduce","acc","point","open","close","low","high","Math","min","max","Date","toISOString"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processPriceCandles.ts"],"sourcesContent":["import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';\n\nexport const processPriceCandles = (\n  priceCandlesData: GetPriceCandlesQuery | undefined\n) => {\n  const errorResult = {\n    minPrice: 0,\n    maxPrice: 0,\n    pipsLocation: 0,\n    hasValidCandles: false,\n    candlesOpen: [],\n    candlesClose: [],\n    candlesLow: [],\n    candlesHigh: [],\n    dates: [],\n  };\n\n  if (\n    !priceCandlesData?.priceCandles?.candle?.length ||\n    !priceCandlesData?.priceCandles?.pipsLocation\n  ) {\n    return errorResult;\n  }\n\n  const { dates, candlesOpen, candlesClose, candlesLow, candlesHigh } =\n    priceCandlesData.priceCandles.candle.reduce(\n      (acc, candle) => {\n        if (!candle) {\n          return acc;\n        }\n\n        return {\n          dates: [...acc.dates, candle.point],\n          candlesOpen: [...acc.candlesOpen, candle.open],\n          candlesClose: [...acc.candlesClose, candle.close],\n          candlesLow: [...acc.candlesLow, candle.low],\n          candlesHigh: [...acc.candlesHigh, candle.high],\n        };\n      },\n      {\n        dates: [] as string[],\n        candlesOpen: [] as number[],\n        candlesClose: [] as number[],\n        candlesLow: [] as number[],\n        candlesHigh: [] as number[],\n      }\n    );\n\n  if (dates.length === 0) {\n    return errorResult;\n  }\n\n  const minPrice = Math.min(...candlesLow);\n  const maxPrice = Math.max(...candlesHigh);\n\n  return {\n    minPrice,\n    maxPrice,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    dates: [...dates, new Date().toISOString()],\n    hasValidCandles: true,\n    pipsLocation: priceCandlesData.priceCandles.pipsLocation,\n  };\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,GAC9BC,gBAAkD,IAC/C;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EACH,MAAMC,WAAW,GAAG;IAClBC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE,CAAC;IACXC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,KAAK;IACtBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,KAAK,EAAE;EACT,CAAC;EAED,IACE,EAACZ,gBAAgB,aAAhBA,gBAAgB,gBAAAC,qBAAA,GAAhBD,gBAAgB,CAAEa,YAAY,cAAAZ,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCa,MAAM,cAAAb,qBAAA,eAAtCA,qBAAA,CAAwCc,MAAM,KAC/C,EAACf,gBAAgB,aAAhBA,gBAAgB,gBAAAE,sBAAA,GAAhBF,gBAAgB,CAAEa,YAAY,cAAAX,sBAAA,eAA9BA,sBAAA,CAAgCI,YAAY,GAC7C;IACA,OAAOH,WAAW;EACpB;EAEA,MAAM;IAAES,KAAK;IAAEJ,WAAW;IAAEC,YAAY;IAAEC,UAAU;IAAEC;EAAY,CAAC,GACjEX,gBAAgB,CAACa,YAAY,CAACC,MAAM,CAACE,MAAM,CACzC,CAACC,GAAG,EAAEH,MAAM,KAAK;IACf,IAAI,CAACA,MAAM,EAAE;MACX,OAAOG,GAAG;IACZ;IAEA,OAAO;MACLL,KAAK,EAAE,CAAC,GAAGK,GAAG,CAACL,KAAK,EAAEE,MAAM,CAACI,KAAK,CAAC;MACnCV,WAAW,EAAE,CAAC,GAAGS,GAAG,CAACT,WAAW,EAAEM,MAAM,CAACK,IAAI,CAAC;MAC9CV,YAAY,EAAE,CAAC,GAAGQ,GAAG,CAACR,YAAY,EAAEK,MAAM,CAACM,KAAK,CAAC;MACjDV,UAAU,EAAE,CAAC,GAAGO,GAAG,CAACP,UAAU,EAAEI,MAAM,CAACO,GAAG,CAAC;MAC3CV,WAAW,EAAE,CAAC,GAAGM,GAAG,CAACN,WAAW,EAAEG,MAAM,CAACQ,IAAI;IAC/C,CAAC;EACH,CAAC,EACD;IACEV,KAAK,EAAE,EAAc;IACrBJ,WAAW,EAAE,EAAc;IAC3BC,YAAY,EAAE,EAAc;IAC5BC,UAAU,EAAE,EAAc;IAC1BC,WAAW,EAAE;EACf,CACF,CAAC;EAEH,IAAIC,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOZ,WAAW;EACpB;EAEA,MAAMC,QAAQ,GAAGmB,IAAI,CAACC,GAAG,CAAC,GAAGd,UAAU,CAAC;EACxC,MAAML,QAAQ,GAAGkB,IAAI,CAACE,GAAG,CAAC,GAAGd,WAAW,CAAC;EAEzC,OAAO;IACLP,QAAQ;IACRC,QAAQ;IACRG,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,KAAK,EAAE,CAAC,GAAGA,KAAK,EAAE,IAAIc,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;IAC3CpB,eAAe,EAAE,IAAI;IACrBD,YAAY,EAAEN,gBAAgB,CAACa,YAAY,CAACP;EAC9C,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -26,7 +26,8 @@ export const getOption = _ref => {
     isLoading,
     isDark,
     isDesktop,
-    labelCallback
+    labelCallback,
+    locale
   } = _ref;
   const styles = getChartStyles(isDark);
   const selectedPriceRef = {
@@ -58,16 +59,21 @@ export const getOption = _ref => {
       selectedPriceRef,
       tooltipLinesColor: styles.tooltipLinesColor,
       sentimentLongs,
-      sentimentShorts
+      sentimentShorts,
+      isDesktop,
+      isDark,
+      locale
     }),
     grid: getGridConfig({
       isDesktop
     }),
     xAxis: getXAxisConfig({
       dates,
-      isGreaterThanTwoWeeks
+      isGreaterThanTwoWeeks,
+      locale
     }),
     yAxis: getYAxisConfig({
+      isDesktop,
       bucketWidth,
       displayPrecision
     }),