@oanda/labs-crowd-view-widget 1.0.47 → 1.0.49

package/CHANGELOG.md

@@ -3,6 +3,402 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.49 (2025-11-07)
+
+
+
+## 1.0.230 (2025-11-05)
+
+
+
+## 1.0.229 (2025-11-05)
+
+
+
+## 1.0.228 (2025-11-05)
+
+
+
+## 1.0.227 (2025-10-31)
+
+
+
+## 1.0.226 (2025-10-29)
+
+
+
+## 1.0.225 (2025-10-09)
+
+
+
+## 1.0.224 (2025-09-29)
+
+
+
+## 1.0.223 (2025-09-29)
+
+
+
+## 1.0.222 (2025-09-17)
+
+
+
+## 1.0.221 (2025-09-11)
+
+
+
+## 1.0.220 (2025-09-09)
+
+
+
+## 1.0.219 (2025-09-02)
+
+
+
+## 1.0.218 (2025-09-01)
+
+
+
+## 1.0.217 (2025-08-25)
+
+
+
+## 1.0.216 (2025-08-18)
+
+
+
+## 1.0.215 (2025-08-18)
+
+
+
+## 1.0.214 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+**Note:** Version bump only for package @oanda/labs-crowd-view-widget
+
+
+
+
+
+## 1.0.48 (2025-11-05)
+
+
+
+## 1.0.229 (2025-11-05)
+
+
+
+## 1.0.228 (2025-11-05)
+
+
+
+## 1.0.227 (2025-10-31)
+
+
+
+## 1.0.226 (2025-10-29)
+
+
+
+## 1.0.225 (2025-10-09)
+
+
+
+## 1.0.224 (2025-09-29)
+
+
+
+## 1.0.223 (2025-09-29)
+
+
+
+## 1.0.222 (2025-09-17)
+
+
+
+## 1.0.221 (2025-09-11)
+
+
+
+## 1.0.220 (2025-09-09)
+
+
+
+## 1.0.219 (2025-09-02)
+
+
+
+## 1.0.218 (2025-09-01)
+
+
+
+## 1.0.217 (2025-08-25)
+
+
+
+## 1.0.216 (2025-08-18)
+
+
+
+## 1.0.215 (2025-08-18)
+
+
+
+## 1.0.214 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+**Note:** Version bump only for package @oanda/labs-crowd-view-widget
+
+
+
+
+
 ## 1.0.47 (2025-11-05)
 
 

package/dist/main/CrowdViewWidget/Main.js

@@ -25,7 +25,8 @@ const Main = _ref => {
     lang
   } = (0, _monoI18n.useLocale)();
   const {
-    size
+    size,
+    isDark
   } = (0, _labsWidgetCommon.useLayoutProvider)();
   const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const [bookType, setBookType] = (0, _react.useState)(_graphql.BookType.Order);
@@ -79,7 +80,8 @@ const Main = _ref => {
     granularity: granularity.id,
     instrument: instrument.id
   }), _react.default.createElement(_components.Legend, {
-    bookType: bookType
+    bookType: bookType,
+    isDark: isDark
   })));
 };
 exports.Main = Main;

package/dist/main/CrowdViewWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireWildcard","_graphql","_components","_selectConfig","_instrumentUtils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","Main","_ref","division","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","bookType","setBookType","useState","BookType","Order","granularitySelectConfigWithLang","useMemo","granularitySelectConfig","map","opt","label","instrumentSelectConfigWithDivision","getInstrumentConfigForDivision","instrument","setInstrument","granularity","setGranularity","useEffect","createElement","Fragment","className","Tabs","mobileFullWidth","activeTab","handleClick","currentTarget","items","navigationConfig","labelCallback","cn","Select","options","searchPlaceholder","selectLabel","selectedOption","setSelectedOption","val","ChartWithData","id","Legend","exports"],"sources":["../../../src/CrowdViewWidget/Main.tsx"],"sourcesContent":["import {\n  cn,\n  Select,\n  Size,\n  Tabs,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport type { Granularity } from '../gql/types/graphql';\nimport { BookType } from '../gql/types/graphql';\nimport { ChartWithData, Legend } from './components';\nimport { granularitySelectConfig, navigationConfig } from './selectConfig';\nimport type { InstrumentId, MainProps } from './types';\nimport { getInstrumentConfigForDivision } from './utils/instrumentUtils';\n\nconst Main = ({ division }: MainProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const [bookType, setBookType] = useState(BookType.Order);\n\n  const granularitySelectConfigWithLang = useMemo(\n    () =>\n      granularitySelectConfig.map((opt) => ({\n        ...opt,\n        label: lang(opt.label),\n      })),\n    [lang]\n  );\n\n  const instrumentSelectConfigWithDivision =\n    getInstrumentConfigForDivision(division);\n  const [instrument, setInstrument] = useState(\n    instrumentSelectConfigWithDivision[0]\n  );\n\n  const [granularity, setGranularity] = useState(\n    granularitySelectConfigWithLang[0]\n  );\n\n  useEffect(() => {\n    setGranularity(granularitySelectConfigWithLang[0]);\n  }, [granularitySelectConfigWithLang]);\n\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-text-sm lw-tracking-normal\"\n          data-testid=\"crowd-view-widget\"\n        >\n          <div>\n            <Tabs\n              mobileFullWidth\n              activeTab={bookType}\n              handleClick={(e) =>\n                setBookType(e.currentTarget.value as BookType)\n              }\n              items={navigationConfig}\n              labelCallback={lang}\n            />\n            <div\n              className={cn('lw-mb-6 lw-mt-12', {\n                'lw-flex': isDesktop,\n              })}\n            >\n              <div\n                className={cn('lw-mr-2', {\n                  'lw-w-full lw-mb-2': !isDesktop,\n                  'lw-w-[280px]': isDesktop,\n                })}\n              >\n                <Select\n                  options={instrumentSelectConfigWithDivision}\n                  searchPlaceholder={lang('search')}\n                  selectLabel={lang('instrument')}\n                  selectedOption={instrument}\n                  setSelectedOption={(val) =>\n                    setInstrument(val as { id: InstrumentId; label: string })\n                  }\n                />\n              </div>\n              <div\n                className={cn({\n                  'lw-w-full': !isDesktop,\n                  'lw-w-[280px]': isDesktop,\n                })}\n              >\n                <Select\n                  options={granularitySelectConfigWithLang}\n                  searchPlaceholder={lang('search')}\n                  selectLabel={lang('granularity')}\n                  selectedOption={granularity}\n                  setSelectedOption={(val) =>\n                    setGranularity(val as { id: Granularity; label: string })\n                  }\n                />\n              </div>\n            </div>\n          </div>\n          <ChartWithData\n            bookType={bookType}\n            division={division}\n            granularity={granularity.id}\n            instrument={instrument.id}\n          />\n\n          <Legend bookType={bookType} />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireWildcard","_graphql","_components","_selectConfig","_instrumentUtils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","Main","_ref","division","lang","useLocale","size","isDark","useLayoutProvider","isDesktop","Size","DESKTOP","bookType","setBookType","useState","BookType","Order","granularitySelectConfigWithLang","useMemo","granularitySelectConfig","map","opt","label","instrumentSelectConfigWithDivision","getInstrumentConfigForDivision","instrument","setInstrument","granularity","setGranularity","useEffect","createElement","Fragment","className","Tabs","mobileFullWidth","activeTab","handleClick","currentTarget","items","navigationConfig","labelCallback","cn","Select","options","searchPlaceholder","selectLabel","selectedOption","setSelectedOption","val","ChartWithData","id","Legend","exports"],"sources":["../../../src/CrowdViewWidget/Main.tsx"],"sourcesContent":["import {\n  cn,\n  Select,\n  Size,\n  Tabs,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport type { Granularity } from '../gql/types/graphql';\nimport { BookType } from '../gql/types/graphql';\nimport { ChartWithData, Legend } from './components';\nimport { granularitySelectConfig, navigationConfig } from './selectConfig';\nimport type { InstrumentId, MainProps } from './types';\nimport { getInstrumentConfigForDivision } from './utils/instrumentUtils';\n\nconst Main = ({ division }: MainProps) => {\n  const { lang } = useLocale();\n  const { size, isDark } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const [bookType, setBookType] = useState(BookType.Order);\n\n  const granularitySelectConfigWithLang = useMemo(\n    () =>\n      granularitySelectConfig.map((opt) => ({\n        ...opt,\n        label: lang(opt.label),\n      })),\n    [lang]\n  );\n\n  const instrumentSelectConfigWithDivision =\n    getInstrumentConfigForDivision(division);\n  const [instrument, setInstrument] = useState(\n    instrumentSelectConfigWithDivision[0]\n  );\n\n  const [granularity, setGranularity] = useState(\n    granularitySelectConfigWithLang[0]\n  );\n\n  useEffect(() => {\n    setGranularity(granularitySelectConfigWithLang[0]);\n  }, [granularitySelectConfigWithLang]);\n\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-text-sm lw-tracking-normal\"\n          data-testid=\"crowd-view-widget\"\n        >\n          <div>\n            <Tabs\n              mobileFullWidth\n              activeTab={bookType}\n              handleClick={(e) =>\n                setBookType(e.currentTarget.value as BookType)\n              }\n              items={navigationConfig}\n              labelCallback={lang}\n            />\n            <div\n              className={cn('lw-mb-6 lw-mt-12', {\n                'lw-flex': isDesktop,\n              })}\n            >\n              <div\n                className={cn('lw-mr-2', {\n                  'lw-w-full lw-mb-2': !isDesktop,\n                  'lw-w-[280px]': isDesktop,\n                })}\n              >\n                <Select\n                  options={instrumentSelectConfigWithDivision}\n                  searchPlaceholder={lang('search')}\n                  selectLabel={lang('instrument')}\n                  selectedOption={instrument}\n                  setSelectedOption={(val) =>\n                    setInstrument(val as { id: InstrumentId; label: string })\n                  }\n                />\n              </div>\n              <div\n                className={cn({\n                  'lw-w-full': !isDesktop,\n                  'lw-w-[280px]': isDesktop,\n                })}\n              >\n                <Select\n                  options={granularitySelectConfigWithLang}\n                  searchPlaceholder={lang('search')}\n                  selectLabel={lang('granularity')}\n                  selectedOption={granularity}\n                  setSelectedOption={(val) =>\n                    setGranularity(val as { id: Granularity; label: string })\n                  }\n                />\n              </div>\n            </div>\n          </div>\n          <ChartWithData\n            bookType={bookType}\n            division={division}\n            granularity={granularity.id}\n            instrument={instrument.id}\n          />\n\n          <Legend bookType={bookType} isDark={isDark} />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

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

@@ -50,6 +50,9 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       axisPointer: {
         type: 'cross',
         axis: 'x',
+        crossStyle: {
+          color: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.themeColors.borderPrimary.light
+        },
         label: {
           formatter: params => {
             if (params.axisDimension === 'y') {
@@ -116,8 +119,10 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
       id: 'candlestick',
       data: candlesSeriesData,
       itemStyle: {
-        color: _labsWidgetCommon.colorPalette.raspberryLight,
-        color0: _labsWidgetCommon.colorPalette.bottleGreenLight
+        color: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.raspberryLight,
+        color0: isDark ? _labsWidgetCommon.colorPalette.bottleGreenDark : _labsWidgetCommon.colorPalette.bottleGreenLight,
+        borderColor: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.raspberryLight,
+        borderColor0: isDark ? _labsWidgetCommon.colorPalette.bottleGreenDark : _labsWidgetCommon.colorPalette.bottleGreenLight
       },
       markPoint: {
         symbol: 'circle',
@@ -150,7 +155,7 @@ const getOption = (_ref, isDark, isDesktop, labelCallback) => {
               height: rectHeight
             },
             style: {
-              fill: (0, _chartUtils.getRectColor)(sentiment)
+              fill: (0, _chartUtils.getRectColor)(sentiment, isDark)
             },
             silent: true,
             emphasisDisabled: true

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

@@ -1 +1 @@
-{"version":3,"file":"chartOptions.js","names":["_labsWidgetCommon","require","_constants","_chartUtils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getOption","_ref","isDark","isDesktop","labelCallback","xAxisData","candlesSeriesData","orderPositionBooks","bucketWidth","buckets","precision","bookType","selectedPrice","visibleXAxisData","slice","CHART_CONFIG","INITIAL_START_ZOOM","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","labelsData","getLabelData","gridLines","getGridLines","chartWidth","WIDTH","chartHeight","HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","bottomLeftBox","animation","dataZoom","type","xAxisIndex","start","end","tooltip","trigger","axisPointer","axis","label","formatter","params","axisDimension","toFixed","date","Date","toLocaleString","undefined","hour","minute","day","month","confine","getTooltipFormatter","xAxis","data","splitNumber","axisTick","show","axisLabel","padding","margin","formatXAxisLabel","yAxis","position","min","val","max","axisLine","showMaxLabel","showMinLabel","series","id","itemStyle","color","colorPalette","raspberryLight","color0","bottleGreenLight","markPoint","symbol","symbolSize","name","silent","clip","renderItem","_params","api","xVal","bucketIndex","metaValues","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","coord","shape","x","y","width","height","style","fill","getRectColor","emphasisDisabled","children","grid","top","left","right","concat","bottom","graphic","getLineCommons","x1","y1","x2","y2","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/chartOptions.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n} from '@oanda/labs-widget-common';\n\nimport { CHART_CONFIG } from '../../constants';\nimport type { Bucket, GetOptionType } from './types';\nimport {\n  formatXAxisLabel,\n  getLabelData,\n  getRectColor,\n  getTooltipFormatter,\n  isDifferenceGreaterThanTwoWeeks,\n} from './utils/chartUtils';\n\n// @ts-expect-error\nexport const getOption: GetOptionType = (\n  {\n    xAxisData,\n    candlesSeriesData,\n    orderPositionBooks,\n    bucketWidth,\n    buckets,\n    precision,\n    bookType,\n  },\n  isDark,\n  isDesktop,\n  labelCallback\n) => {\n  let selectedPrice: number;\n  const visibleXAxisData = xAxisData.slice(\n    (xAxisData.length * CHART_CONFIG.INITIAL_START_ZOOM) / 100,\n    (xAxisData.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const labelsData = getLabelData({\n    xAxisData,\n    isGreaterThanTwoWeeks,\n  });\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_CONFIG.WIDTH,\n    chartHeight: CHART_CONFIG.HEIGHT,\n    xLabelsSize: CHART_CONFIG.X_LABEL_SIZE,\n    yLabelSize: isDesktop\n      ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n      : CHART_CONFIG.Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: false,\n  });\n\n  return {\n    animation: false,\n    dataZoom: [\n      {\n        type: 'inside',\n        xAxisIndex: 0,\n        start: CHART_CONFIG.INITIAL_START_ZOOM,\n        end: CHART_CONFIG.INITIAL_END_ZOOM,\n      },\n    ],\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n        axis: 'x',\n        label: {\n          formatter: (params) => {\n            if (params.axisDimension === 'y') {\n              selectedPrice = Number(params.value);\n              return Number(params.value).toFixed(precision);\n            }\n\n            if (params.axisDimension === 'x') {\n              const date = new Date(params.value as string);\n              return date.toLocaleString(undefined, {\n                hour: '2-digit',\n                minute: '2-digit',\n                day: 'numeric',\n                month: 'short',\n              });\n            }\n\n            return null;\n          },\n        },\n      },\n      confine: true,\n      formatter: (params) =>\n        getTooltipFormatter({\n          params,\n          buckets,\n          bucketWidth,\n          selectedPrice,\n          labelCallback,\n          precision,\n          bookType,\n        }),\n    },\n    xAxis: {\n      type: 'category',\n      data: xAxisData,\n      splitNumber: 1,\n      axisTick: {\n        show: false,\n      },\n      axisLabel: {\n        padding: [8, 16, 8, 16],\n        margin: 0,\n        formatter: (value) => formatXAxisLabel(value, isGreaterThanTwoWeeks),\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      min: (val) => val.min - bucketWidth * 2,\n      max: (val) => val.max + bucketWidth * 2,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        showMaxLabel: false,\n        showMinLabel: false,\n        margin: isDesktop ? 4 : 2,\n        formatter: (value: number) => value.toFixed(precision - 1),\n      },\n    },\n    series: [\n      {\n        type: 'candlestick',\n        id: 'candlestick',\n        data: candlesSeriesData,\n        itemStyle: {\n          color: colorPalette.raspberryLight,\n          color0: colorPalette.bottleGreenLight,\n        },\n\n        markPoint: {\n          symbol: 'circle',\n          symbolSize: 0,\n          data: labelsData,\n        },\n      },\n      {\n        type: 'custom',\n        name: 'heatmap',\n        id: 'heatmap',\n        silent: true,\n        clip: true,\n        renderItem: (_params, api) => {\n          const xVal = api.value(0);\n          const bucketIndex = api.value(2) as number;\n          const metaValues = buckets[bucketIndex];\n\n          const [rectWidth, rectHeight] = api.size!([\n            0,\n            bucketWidth,\n          ]) as number[];\n\n          const items = metaValues.map(({ price, sentiment }: Bucket) => {\n            const start = api.coord([xVal, price]);\n\n            return {\n              type: 'rect',\n              shape: {\n                x: start[0] - rectWidth / 2,\n                y: start[1] - rectHeight,\n                width: rectWidth + 1,\n                height: rectHeight,\n              },\n              style: {\n                fill: getRectColor(sentiment),\n              },\n              silent: true,\n              emphasisDisabled: true,\n            };\n          });\n\n          return {\n            type: 'group',\n            children: items,\n            silent: true,\n            emphasisDisabled: true,\n          };\n        },\n        data: orderPositionBooks,\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: '0px',\n        left: '0px',\n        right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${CHART_CONFIG.X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark as boolean),\n        top: 0,\n        right: 0,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 0,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"chartOptions.js","names":["_labsWidgetCommon","require","_constants","_chartUtils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getOption","_ref","isDark","isDesktop","labelCallback","xAxisData","candlesSeriesData","orderPositionBooks","bucketWidth","buckets","precision","bookType","selectedPrice","visibleXAxisData","slice","CHART_CONFIG","INITIAL_START_ZOOM","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","labelsData","getLabelData","gridLines","getGridLines","chartWidth","WIDTH","chartHeight","HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","bottomLeftBox","animation","dataZoom","type","xAxisIndex","start","end","tooltip","trigger","axisPointer","axis","crossStyle","color","colorPalette","orange","themeColors","borderPrimary","light","label","formatter","params","axisDimension","toFixed","date","Date","toLocaleString","undefined","hour","minute","day","month","confine","getTooltipFormatter","xAxis","data","splitNumber","axisTick","show","axisLabel","padding","margin","formatXAxisLabel","yAxis","position","min","val","max","axisLine","showMaxLabel","showMinLabel","series","id","itemStyle","raspberryLight","color0","bottleGreenDark","bottleGreenLight","borderColor","borderColor0","markPoint","symbol","symbolSize","name","silent","clip","renderItem","_params","api","xVal","bucketIndex","metaValues","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","coord","shape","x","y","width","height","style","fill","getRectColor","emphasisDisabled","children","grid","top","left","right","concat","bottom","graphic","getLineCommons","x1","y1","x2","y2","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/chartOptions.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport { CHART_CONFIG } from '../../constants';\nimport type { Bucket, GetOptionType } from './types';\nimport {\n  formatXAxisLabel,\n  getLabelData,\n  getRectColor,\n  getTooltipFormatter,\n  isDifferenceGreaterThanTwoWeeks,\n} from './utils/chartUtils';\n\n// @ts-expect-error\nexport const getOption: GetOptionType = (\n  {\n    xAxisData,\n    candlesSeriesData,\n    orderPositionBooks,\n    bucketWidth,\n    buckets,\n    precision,\n    bookType,\n  },\n  isDark,\n  isDesktop,\n  labelCallback\n) => {\n  let selectedPrice: number;\n  const visibleXAxisData = xAxisData.slice(\n    (xAxisData.length * CHART_CONFIG.INITIAL_START_ZOOM) / 100,\n    (xAxisData.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const labelsData = getLabelData({\n    xAxisData,\n    isGreaterThanTwoWeeks,\n  });\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_CONFIG.WIDTH,\n    chartHeight: CHART_CONFIG.HEIGHT,\n    xLabelsSize: CHART_CONFIG.X_LABEL_SIZE,\n    yLabelSize: isDesktop\n      ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n      : CHART_CONFIG.Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: false,\n  });\n\n  return {\n    animation: false,\n    dataZoom: [\n      {\n        type: 'inside',\n        xAxisIndex: 0,\n        start: CHART_CONFIG.INITIAL_START_ZOOM,\n        end: CHART_CONFIG.INITIAL_END_ZOOM,\n      },\n    ],\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n        axis: 'x',\n        crossStyle: {\n          color: isDark ? colorPalette.orange : themeColors.borderPrimary.light,\n        },\n        label: {\n          formatter: (params) => {\n            if (params.axisDimension === 'y') {\n              selectedPrice = Number(params.value);\n              return Number(params.value).toFixed(precision);\n            }\n\n            if (params.axisDimension === 'x') {\n              const date = new Date(params.value as string);\n              return date.toLocaleString(undefined, {\n                hour: '2-digit',\n                minute: '2-digit',\n                day: 'numeric',\n                month: 'short',\n              });\n            }\n\n            return null;\n          },\n        },\n      },\n      confine: true,\n      formatter: (params) =>\n        getTooltipFormatter({\n          params,\n          buckets,\n          bucketWidth,\n          selectedPrice,\n          labelCallback,\n          precision,\n          bookType,\n        }),\n    },\n    xAxis: {\n      type: 'category',\n      data: xAxisData,\n      splitNumber: 1,\n      axisTick: {\n        show: false,\n      },\n      axisLabel: {\n        padding: [8, 16, 8, 16],\n        margin: 0,\n        formatter: (value) => formatXAxisLabel(value, isGreaterThanTwoWeeks),\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      min: (val) => val.min - bucketWidth * 2,\n      max: (val) => val.max + bucketWidth * 2,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        showMaxLabel: false,\n        showMinLabel: false,\n        margin: isDesktop ? 4 : 2,\n        formatter: (value: number) => value.toFixed(precision - 1),\n      },\n    },\n    series: [\n      {\n        type: 'candlestick',\n        id: 'candlestick',\n        data: candlesSeriesData,\n        itemStyle: {\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          color0: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.bottleGreenLight,\n          borderColor: isDark\n            ? colorPalette.orange\n            : colorPalette.raspberryLight,\n          borderColor0: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.bottleGreenLight,\n        },\n\n        markPoint: {\n          symbol: 'circle',\n          symbolSize: 0,\n          data: labelsData,\n        },\n      },\n      {\n        type: 'custom',\n        name: 'heatmap',\n        id: 'heatmap',\n        silent: true,\n        clip: true,\n        renderItem: (_params, api) => {\n          const xVal = api.value(0);\n          const bucketIndex = api.value(2) as number;\n          const metaValues = buckets[bucketIndex];\n\n          const [rectWidth, rectHeight] = api.size!([\n            0,\n            bucketWidth,\n          ]) as number[];\n\n          const items = metaValues.map(({ price, sentiment }: Bucket) => {\n            const start = api.coord([xVal, price]);\n\n            return {\n              type: 'rect',\n              shape: {\n                x: start[0] - rectWidth / 2,\n                y: start[1] - rectHeight,\n                width: rectWidth + 1,\n                height: rectHeight,\n              },\n              style: {\n                fill: getRectColor(sentiment, isDark),\n              },\n              silent: true,\n              emphasisDisabled: true,\n            };\n          });\n\n          return {\n            type: 'group',\n            children: items,\n            silent: true,\n            emphasisDisabled: true,\n          };\n        },\n        data: orderPositionBooks,\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: '0px',\n        left: '0px',\n        right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${CHART_CONFIG.X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark as boolean),\n        top: 0,\n        right: 0,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 0,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -18,15 +18,16 @@ const useCrowdViewData = _ref => {
     division,
     granularity
   } = _ref;
+  const dataSource = division === _graphql.Division.Ogm || division === _graphql.Division.Oj ? _graphql.DataSource.Mt5 : _graphql.DataSource.V20;
   const {
     loading: priceCandlesLoading,
     data: priceCandlesData,
     error: priceCandlesError
   } = (0, _client.useQuery)(_getPriceCandles.getPriceCandles, {
     variables: {
-      dataSource: division === _graphql.Division.Ogm ? _graphql.DataSource.Mt5 : _graphql.DataSource.V20,
+      dataSource,
       division,
-      instrument: division === _graphql.Division.Ogm ? _constants.INSTRUMENTS_CONFIG[instrument].mt5name : _constants.INSTRUMENTS_CONFIG[instrument].v20name,
+      instrument: dataSource === _graphql.DataSource.Mt5 ? _constants.INSTRUMENTS_CONFIG[instrument].mt5name : _constants.INSTRUMENTS_CONFIG[instrument].v20name,
       granularity,
       timeSpan: (0, _utils.getTimeSpanForGranularity)(granularity)
     },

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

@@ -1 +1 @@
-{"version":3,"file":"useCrowdViewData.js","names":["_client","require","_react","_getOrderPositionBooks","_getPriceCandles","_graphql","_constants","_utils","useCrowdViewData","_ref","instrument","bookType","division","granularity","loading","priceCandlesLoading","data","priceCandlesData","error","priceCandlesError","useQuery","getPriceCandles","variables","dataSource","Division","Ogm","DataSource","Mt5","V20","INSTRUMENTS_CONFIG","mt5name","v20name","timeSpan","getTimeSpanForGranularity","fetchPolicy","priceCandlesProcessed","useMemo","processPriceCandles","minPrice","maxPrice","hasValidCandles","candleMap","candles","targetBucketWidth","getTargetBucketWidth","maxBookPrice","BUCKET_CONFIG","PRICE_PADDING_MULTIPLIER","minBookPrice","orderPositionLoading","orderPositionData","orderPositionError","getOrderPositionBooks","BookType","Order","skip","orderPositionBooks","processOrderPositionBooks","buckets","processBuckets","Error","concat","message","validateData","xAxisData","map","candle","point","candlesSeriesData","open","close","low","high","bucketWidth","precision","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport type {\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables,\n  GetPriceCandlesQuery,\n  GetPriceCandlesQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport {\n  getTargetBucketWidth,\n  getTimeSpanForGranularity,\n  processBuckets,\n  processOrderPositionBooks,\n  processPriceCandles,\n  validateData,\n} from './utils';\n\nexport const useCrowdViewData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n  const {\n    loading: priceCandlesLoading,\n    data: priceCandlesData,\n    error: priceCandlesError,\n  } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n    getPriceCandles,\n    {\n      variables: {\n        dataSource: division === Division.Ogm ? DataSource.Mt5 : DataSource.V20,\n        division,\n        instrument:\n          division === Division.Ogm\n            ? INSTRUMENTS_CONFIG[instrument].mt5name\n            : INSTRUMENTS_CONFIG[instrument].v20name,\n        granularity,\n        timeSpan: getTimeSpanForGranularity(granularity),\n      },\n      fetchPolicy: 'no-cache',\n    }\n  );\n\n  const priceCandlesProcessed = useMemo(\n    () => processPriceCandles(priceCandlesData),\n    [priceCandlesData]\n  );\n\n  const { minPrice, maxPrice, hasValidCandles, candleMap, candles } =\n    priceCandlesProcessed;\n\n  const targetBucketWidth = getTargetBucketWidth(granularity, instrument);\n\n  const maxBookPrice = useMemo(\n    () => maxPrice + targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [maxPrice, targetBucketWidth]\n  );\n\n  const minBookPrice = useMemo(\n    () => minPrice - targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [minPrice, targetBucketWidth]\n  );\n\n  const {\n    loading: orderPositionLoading,\n    data: orderPositionData,\n    error: orderPositionError,\n  } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n    getOrderPositionBooks,\n    {\n      variables: {\n        instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n        bookType: bookType || BookType.Order,\n        timeSpan: getTimeSpanForGranularity(granularity),\n        granularity,\n        maxBookPrice,\n        minBookPrice,\n      },\n      fetchPolicy: 'no-cache',\n      skip: priceCandlesLoading || !!priceCandlesError,\n    }\n  );\n\n  const loading = priceCandlesLoading || orderPositionLoading;\n\n  const orderPositionBooks = useMemo(\n    () => processOrderPositionBooks(orderPositionData, candleMap),\n    [orderPositionData, candleMap]\n  );\n\n  const buckets = useMemo(\n    () => processBuckets(orderPositionData, targetBucketWidth),\n    [orderPositionData, targetBucketWidth]\n  );\n\n  const error = useMemo((): Error | null => {\n    if (priceCandlesError) {\n      return new Error(`Price candles error: ${priceCandlesError.message}`);\n    }\n    if (orderPositionError) {\n      return new Error(`Order position error: ${orderPositionError.message}`);\n    }\n    if (loading) {\n      return null;\n    }\n    return validateData(priceCandlesData, orderPositionData, hasValidCandles);\n  }, [\n    priceCandlesError,\n    orderPositionError,\n    loading,\n    priceCandlesData,\n    orderPositionData,\n    hasValidCandles,\n  ]);\n\n  const data = useMemo(() => {\n    if (!priceCandlesData || !orderPositionData || error) {\n      return null;\n    }\n\n    const xAxisData = candles.map((candle) => candle?.point || '');\n    const candlesSeriesData: [number, number, number, number][] = candles.map(\n      (candle) => [\n        candle?.open || 0,\n        candle?.close || 0,\n        candle?.low || 0,\n        candle?.high || 0,\n      ]\n    );\n\n    return {\n      buckets,\n      xAxisData,\n      candlesSeriesData,\n      orderPositionBooks,\n      bucketWidth: targetBucketWidth,\n      precision: INSTRUMENTS_CONFIG[instrument].precision,\n      bookType,\n    };\n  }, [\n    priceCandlesData,\n    orderPositionData,\n    error,\n    candles,\n    buckets,\n    orderPositionBooks,\n    targetBucketWidth,\n    instrument,\n    bookType,\n  ]);\n\n  return {\n    data,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useCrowdViewData.js","names":["_client","require","_react","_getOrderPositionBooks","_getPriceCandles","_graphql","_constants","_utils","useCrowdViewData","_ref","instrument","bookType","division","granularity","dataSource","Division","Ogm","Oj","DataSource","Mt5","V20","loading","priceCandlesLoading","data","priceCandlesData","error","priceCandlesError","useQuery","getPriceCandles","variables","INSTRUMENTS_CONFIG","mt5name","v20name","timeSpan","getTimeSpanForGranularity","fetchPolicy","priceCandlesProcessed","useMemo","processPriceCandles","minPrice","maxPrice","hasValidCandles","candleMap","candles","targetBucketWidth","getTargetBucketWidth","maxBookPrice","BUCKET_CONFIG","PRICE_PADDING_MULTIPLIER","minBookPrice","orderPositionLoading","orderPositionData","orderPositionError","getOrderPositionBooks","BookType","Order","skip","orderPositionBooks","processOrderPositionBooks","buckets","processBuckets","Error","concat","message","validateData","xAxisData","map","candle","point","candlesSeriesData","open","close","low","high","bucketWidth","precision","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport type {\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables,\n  GetPriceCandlesQuery,\n  GetPriceCandlesQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport {\n  getTargetBucketWidth,\n  getTimeSpanForGranularity,\n  processBuckets,\n  processOrderPositionBooks,\n  processPriceCandles,\n  validateData,\n} from './utils';\n\nexport const useCrowdViewData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n  const dataSource =\n    division === Division.Ogm || division === Division.Oj\n      ? DataSource.Mt5\n      : DataSource.V20;\n  const {\n    loading: priceCandlesLoading,\n    data: priceCandlesData,\n    error: priceCandlesError,\n  } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n    getPriceCandles,\n    {\n      variables: {\n        dataSource,\n        division,\n        instrument:\n          dataSource === DataSource.Mt5\n            ? INSTRUMENTS_CONFIG[instrument].mt5name\n            : INSTRUMENTS_CONFIG[instrument].v20name,\n        granularity,\n        timeSpan: getTimeSpanForGranularity(granularity),\n      },\n      fetchPolicy: 'no-cache',\n    }\n  );\n\n  const priceCandlesProcessed = useMemo(\n    () => processPriceCandles(priceCandlesData),\n    [priceCandlesData]\n  );\n\n  const { minPrice, maxPrice, hasValidCandles, candleMap, candles } =\n    priceCandlesProcessed;\n\n  const targetBucketWidth = getTargetBucketWidth(granularity, instrument);\n\n  const maxBookPrice = useMemo(\n    () => maxPrice + targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [maxPrice, targetBucketWidth]\n  );\n\n  const minBookPrice = useMemo(\n    () => minPrice - targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [minPrice, targetBucketWidth]\n  );\n\n  const {\n    loading: orderPositionLoading,\n    data: orderPositionData,\n    error: orderPositionError,\n  } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n    getOrderPositionBooks,\n    {\n      variables: {\n        instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n        bookType: bookType || BookType.Order,\n        timeSpan: getTimeSpanForGranularity(granularity),\n        granularity,\n        maxBookPrice,\n        minBookPrice,\n      },\n      fetchPolicy: 'no-cache',\n      skip: priceCandlesLoading || !!priceCandlesError,\n    }\n  );\n\n  const loading = priceCandlesLoading || orderPositionLoading;\n\n  const orderPositionBooks = useMemo(\n    () => processOrderPositionBooks(orderPositionData, candleMap),\n    [orderPositionData, candleMap]\n  );\n\n  const buckets = useMemo(\n    () => processBuckets(orderPositionData, targetBucketWidth),\n    [orderPositionData, targetBucketWidth]\n  );\n\n  const error = useMemo((): Error | null => {\n    if (priceCandlesError) {\n      return new Error(`Price candles error: ${priceCandlesError.message}`);\n    }\n    if (orderPositionError) {\n      return new Error(`Order position error: ${orderPositionError.message}`);\n    }\n    if (loading) {\n      return null;\n    }\n    return validateData(priceCandlesData, orderPositionData, hasValidCandles);\n  }, [\n    priceCandlesError,\n    orderPositionError,\n    loading,\n    priceCandlesData,\n    orderPositionData,\n    hasValidCandles,\n  ]);\n\n  const data = useMemo(() => {\n    if (!priceCandlesData || !orderPositionData || error) {\n      return null;\n    }\n\n    const xAxisData = candles.map((candle) => candle?.point || '');\n    const candlesSeriesData: [number, number, number, number][] = candles.map(\n      (candle) => [\n        candle?.open || 0,\n        candle?.close || 0,\n        candle?.low || 0,\n        candle?.high || 0,\n      ]\n    );\n\n    return {\n      buckets,\n      xAxisData,\n      candlesSeriesData,\n      orderPositionBooks,\n      bucketWidth: targetBucketWidth,\n      precision: INSTRUMENTS_CONFIG[instrument].precision,\n      bookType,\n    };\n  }, [\n    priceCandlesData,\n    orderPositionData,\n    error,\n    candles,\n    buckets,\n    orderPositionBooks,\n    targetBucketWidth,\n    instrument,\n    bookType,\n  ]);\n\n  return {\n    data,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -65,7 +65,10 @@ const getGradientColor = (value, startColor, targetColor) => {
   const colorScale = _chromaJs.default.scale([startColor, targetColor]).domain([startThreshold, endThreshold]).mode('rgb');
   return colorScale(value).hex();
 };
-const getRectColor = sentiment => sentiment < 0 ? getGradientColor(sentiment * -1, _constants.COLOR_MAP.short[0], _constants.COLOR_MAP.short[1]) : getGradientColor(sentiment, _constants.COLOR_MAP.long[0], _constants.COLOR_MAP.long[1]);
+const getRectColor = (sentiment, isDark) => {
+  const colorPalette = isDark ? _constants.COLOR_MAP.dark : _constants.COLOR_MAP.light;
+  return sentiment < 0 ? getGradientColor(sentiment * -1, colorPalette.short[0], colorPalette.short[1]) : getGradientColor(sentiment, colorPalette.long[0], colorPalette.long[1]);
+};
 exports.getRectColor = getRectColor;
 const getTooltipFormatter = _ref2 => {
   var _booksParam$value;