@oanda/labs-crowd-view-widget 1.0.59 → 1.0.61

package/CHANGELOG.md

@@ -3,6 +3,498 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.61 (2025-12-30)
+
+
+
+## 1.0.242 (2025-12-16)
+
+
+
+## 1.0.241 (2025-12-16)
+
+
+
+## 1.0.240 (2025-12-15)
+
+
+
+## 1.0.239 (2025-12-12)
+
+
+
+## 1.0.238 (2025-12-11)
+
+
+
+## 1.0.237 (2025-12-09)
+
+
+
+## 1.0.236 (2025-12-05)
+
+
+
+## 1.0.235 (2025-12-04)
+
+
+
+## 1.0.234 (2025-11-27)
+
+
+
+## 1.0.233 (2025-11-27)
+
+
+
+## 1.0.232 (2025-11-27)
+
+
+
+## 1.0.231 (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.60 (2025-12-16)
+
+
+
+## 1.0.241 (2025-12-16)
+
+
+
+## 1.0.240 (2025-12-15)
+
+
+
+## 1.0.239 (2025-12-12)
+
+
+
+## 1.0.238 (2025-12-11)
+
+
+
+## 1.0.237 (2025-12-09)
+
+
+
+## 1.0.236 (2025-12-05)
+
+
+
+## 1.0.235 (2025-12-04)
+
+
+
+## 1.0.234 (2025-11-27)
+
+
+
+## 1.0.233 (2025-11-27)
+
+
+
+## 1.0.232 (2025-11-27)
+
+
+
+## 1.0.231 (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.59 (2025-12-16)
 
 

package/dist/main/CrowdViewWidget/Main.js

@@ -9,31 +9,25 @@ var _monoI18n = require("@oanda/mono-i18n");
 var _react = _interopRequireWildcard(require("react"));
 var _graphql = require("../gql/types/graphql");
 var _components = require("./components");
-var _getInstrumentConfigForDivision = require("./components/Chart/dataUtils/getInstrumentConfigForDivision");
 var _selectConfig = require("./selectConfig");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Main = _ref => {
   let {
     division
   } = _ref;
   const {
-    lang
+    lang,
+    locale
   } = (0, _monoI18n.useLocale)();
   const {
     size
   } = (0, _labsWidgetCommon.useLayoutProvider)();
   const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  const isJapanese = locale === _monoI18n.Locale.ja;
   const [bookType, setBookType] = (0, _react.useState)(_graphql.BookType.Order);
-  const granularitySelectConfigWithLang = (0, _react.useMemo)(() => _selectConfig.granularitySelectConfig.map(opt => _objectSpread(_objectSpread({}, opt), {}, {
-    label: lang(opt.label)
-  })), [lang]);
-  const instrumentSelectConfigWithDivision = (0, _getInstrumentConfigForDivision.getInstrumentConfigForDivision)(division);
-  const [instrument, setInstrument] = (0, _react.useState)(instrumentSelectConfigWithDivision[0]);
+  const granularitySelectConfigWithLang = (0, _react.useMemo)(() => (0, _selectConfig.getGranularitySelectConfig)(lang, isJapanese), [lang, isJapanese]);
+  const instrumentSelectConfig = (0, _components.getInstrumentConfig)(division, isJapanese);
+  const [instrument, setInstrument] = (0, _react.useState)(instrumentSelectConfig[0]);
   const [granularity, setGranularity] = (0, _react.useState)(granularitySelectConfigWithLang[0]);
   (0, _react.useEffect)(() => {
     setGranularity(granularitySelectConfigWithLang[0]);
@@ -57,7 +51,7 @@ const Main = _ref => {
       'lw-w-[280px]': isDesktop
     })
   }, _react.default.createElement(_labsWidgetCommon.Select, {
-    options: instrumentSelectConfigWithDivision,
+    options: instrumentSelectConfig,
     searchPlaceholder: lang('search'),
     selectLabel: lang('instrument'),
     selectedOption: instrument,

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireWildcard","_graphql","_components","_getInstrumentConfigForDivision","_selectConfig","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 { getInstrumentConfigForDivision } from './components/Chart/dataUtils/getInstrumentConfigForDivision';\nimport { granularitySelectConfig, navigationConfig } from './selectConfig';\nimport type { InstrumentId, MainProps } from './types';\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          <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","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Main","_ref","division","lang","locale","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","isJapanese","Locale","ja","bookType","setBookType","useState","BookType","Order","granularitySelectConfigWithLang","useMemo","getGranularitySelectConfig","instrumentSelectConfig","getInstrumentConfig","instrument","setInstrument","granularity","setGranularity","useEffect","createElement","Fragment","className","Tabs","mobileFullWidth","activeTab","handleClick","currentTarget","value","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 { Locale, 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, getInstrumentConfig, Legend } from './components';\nimport { getGranularitySelectConfig, navigationConfig } from './selectConfig';\nimport type { InstrumentId, MainProps } from './types';\n\nconst Main = ({ division }: MainProps) => {\n  const { lang, locale } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isJapanese = locale === Locale.ja;\n\n  const [bookType, setBookType] = useState(BookType.Order);\n\n  const granularitySelectConfigWithLang = useMemo(\n    () => getGranularitySelectConfig(lang, isJapanese),\n    [lang, isJapanese]\n  );\n\n  const instrumentSelectConfig = getInstrumentConfig(division, isJapanese);\n\n  const [instrument, setInstrument] = useState(instrumentSelectConfig[0]);\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={instrumentSelectConfig}\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          <Legend bookType={bookType} />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,17 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSeriesCandlestickConfig = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getSeriesCandlestickConfig = _ref => {
   let {
     styles,
-    isLoading
+    isLoading,
+    locale
   } = _ref;
   const {
     candleLongColor,
     candleShortColor
   } = styles;
+  const isJapanese = locale === _monoI18n.Locale.ja;
+  const itemStyle = isJapanese ? {
+    color: (0, _chromaJs.default)(candleShortColor).desaturate().css(),
+    color0: (0, _chromaJs.default)(candleLongColor).desaturate().css(),
+    borderColor: candleShortColor,
+    borderColor0: candleLongColor
+  } : {
+    color: (0, _chromaJs.default)(candleLongColor).desaturate().css(),
+    color0: (0, _chromaJs.default)(candleShortColor).desaturate().css(),
+    borderColor: candleLongColor,
+    borderColor0: candleShortColor
+  };
   return {
     animation: isLoading,
     type: 'candlestick',
@@ -28,12 +42,7 @@ const getSeriesCandlestickConfig = _ref => {
       x: 'dates',
       y: ['open', 'close', 'low', 'high']
     },
-    itemStyle: {
-      color: (0, _chromaJs.default)(candleLongColor).desaturate().css(),
-      color0: (0, _chromaJs.default)(candleShortColor).desaturate().css(),
-      borderColor: candleLongColor,
-      borderColor0: candleShortColor
-    },
+    itemStyle,
     emphasis: {
       itemStyle: {
         color: candleLongColor,

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

@@ -1 +1 @@
-{"version":3,"file":"getSeriesCandlestickConfig.js","names":["_chromaJs","_interopRequireDefault","require","e","__esModule","default","getSeriesCandlestickConfig","_ref","styles","isLoading","candleLongColor","candleShortColor","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","itemStyle","color","chroma","desaturate","css","color0","borderColor","borderColor0","emphasis","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle: {\n      color: chroma(candleLongColor).desaturate().css(),\n      color0: chroma(candleShortColor).desaturate().css(),\n      borderColor: candleLongColor,\n      borderColor0: candleShortColor,\n    },\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUxB,MAAMG,0BAA0B,GAAGC,IAAA,IAGuB;EAAA,IAHtB;IACzCC,MAAM;IACNC;EACgC,CAAC,GAAAF,IAAA;EACjC,MAAM;IAAEG,eAAe;IAAEC;EAAiB,CAAC,GAAGH,MAAM;EAEpD,OAAO;IACLI,SAAS,EAAEH,SAAS;IACpBI,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,IAAAC,iBAAM,EAACf,eAAe,CAAC,CAACgB,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACjDC,MAAM,EAAE,IAAAH,iBAAM,EAACd,gBAAgB,CAAC,CAACe,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACnDE,WAAW,EAAEnB,eAAe;MAC5BoB,YAAY,EAAEnB;IAChB,CAAC;IACDoB,QAAQ,EAAE;MACRR,SAAS,EAAE;QACTC,KAAK,EAAEd,eAAe;QACtBkB,MAAM,EAAEjB;MACV;IACF,CAAC;IACDqB,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA3B,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"file":"getSeriesCandlestickConfig.js","names":["_monoI18n","require","_chromaJs","_interopRequireDefault","e","__esModule","default","getSeriesCandlestickConfig","_ref","styles","isLoading","locale","candleLongColor","candleShortColor","isJapanese","Locale","ja","itemStyle","color","chroma","desaturate","css","color0","borderColor","borderColor0","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","emphasis","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n  locale: string;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n  locale,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n  const isJapanese = locale === Locale.ja;\n\n  const itemStyle = isJapanese\n    ? {\n        color: chroma(candleShortColor).desaturate().css(),\n        color0: chroma(candleLongColor).desaturate().css(),\n        borderColor: candleShortColor,\n        borderColor0: candleLongColor,\n      }\n    : {\n        color: chroma(candleLongColor).desaturate().css(),\n        color0: chroma(candleShortColor).desaturate().css(),\n        borderColor: candleLongColor,\n        borderColor0: candleShortColor,\n      };\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle,\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWxB,MAAMG,0BAA0B,GAAGC,IAAA,IAIuB;EAAA,IAJtB;IACzCC,MAAM;IACNC,SAAS;IACTC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,MAAM;EACpD,MAAMK,UAAU,GAAGH,MAAM,KAAKI,gBAAM,CAACC,EAAE;EAEvC,MAAMC,SAAS,GAAGH,UAAU,GACxB;IACEI,KAAK,EAAE,IAAAC,iBAAM,EAACN,gBAAgB,CAAC,CAACO,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDC,MAAM,EAAE,IAAAH,iBAAM,EAACP,eAAe,CAAC,CAACQ,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDE,WAAW,EAAEV,gBAAgB;IAC7BW,YAAY,EAAEZ;EAChB,CAAC,GACD;IACEM,KAAK,EAAE,IAAAC,iBAAM,EAACP,eAAe,CAAC,CAACQ,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACjDC,MAAM,EAAE,IAAAH,iBAAM,EAACN,gBAAgB,CAAC,CAACO,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACnDE,WAAW,EAAEX,eAAe;IAC5BY,YAAY,EAAEX;EAChB,CAAC;EAEL,OAAO;IACLY,SAAS,EAAEf,SAAS;IACpBgB,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDlB,SAAS;IACTmB,QAAQ,EAAE;MACRnB,SAAS,EAAE;QACTC,KAAK,EAAEN,eAAe;QACtBU,MAAM,EAAET;MACV;IACF,CAAC;IACDwB,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA/B,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.js

@@ -5,6 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBucketWidthMultiplayer = void 0;
 var _constants = require("../../../constants");
+const roundToClosest = (value, options) => {
+  return options.reduce((closest, option) => {
+    const distanceToOption = Math.abs(value - option);
+    const distanceToClosest = Math.abs(value - closest);
+    if (distanceToOption === distanceToClosest) {
+      return option > closest ? option : closest;
+    }
+    return distanceToOption < distanceToClosest ? option : closest;
+  });
+};
+const getRoundingValues = base => {
+  return [base, 2 * base, 4 * base, 5 * base, 10 * base];
+};
 const getBucketWidthMultiplayer = _ref => {
   let {
     minPrice,
@@ -16,7 +29,13 @@ const getBucketWidthMultiplayer = _ref => {
   } = _constants.INSTRUMENTS_CONFIG[instrument];
   const priceRange = maxPrice - minPrice;
   const calculatedMultiplier = priceRange / (defaultBucketWidth * _constants.DISPLAYED_BUCKETS_COUNT);
-  return Math.max(1, Math.ceil(calculatedMultiplier));
+  if (calculatedMultiplier <= 1) {
+    return 1;
+  }
+  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));
+  const base = Math.pow(10, powerOf10);
+  const roundingValues = getRoundingValues(base);
+  return roundToClosest(calculatedMultiplier, roundingValues);
 };
 exports.getBucketWidthMultiplayer = getBucketWidthMultiplayer;
 //# sourceMappingURL=getBucketWidthMultiplayer.js.map