@oanda/labs-currency-power-balance-widget 1.0.150 → 1.0.151

package/CHANGELOG.md

@@ -3,6 +3,614 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.151 (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)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+
+
+## 1.0.180 (2025-01-30)
+
+
+
+## 1.0.179 (2025-01-29)
+
+
+
+## 1.0.178 (2025-01-12)
+
+
+
+## 1.0.177 (2025-01-10)
+
+
+
+## 1.0.176 (2025-01-10)
+
+
+
+## 1.0.175 (2025-01-08)
+
+
+
+## 1.0.174 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+
+
+## 1.0.139 (2024-07-12)
+
+
+
+## 1.0.138 (2024-07-10)
+
+
+
+## 1.0.137 (2024-07-05)
+
+
+
+## 1.0.136 (2024-07-03)
+
+
+
+## 1.0.135 (2024-07-03)
+
+
+
+## 1.0.134 (2024-07-03)
+
+
+
+## 1.0.133 (2024-06-28)
+
+
+
+## 1.0.132 (2024-06-27)
+
+
+
+## 1.0.131 (2024-06-27)
+
+
+
+## 1.0.130 (2024-06-26)
+
+
+
+## 1.0.129 (2024-06-17)
+
+
+
+## 1.0.128 (2024-06-17)
+
+
+
+## 1.0.127 (2024-06-10)
+
+
+
+## 1.0.126 (2024-05-29)
+
+
+
+## 1.0.125 (2024-05-29)
+
+
+
+## 1.0.124 (2024-05-29)
+
+
+
+## 1.0.123 (2024-05-28)
+
+
+
+## 1.0.122 (2024-05-27)
+
+
+
+## 1.0.121 (2024-05-27)
+
+
+
+## 1.0.120 (2024-05-24)
+
+
+
+## 1.0.119 (2024-05-17)
+
+
+
+## 1.0.118 (2024-05-09)
+
+
+
+## 1.0.117 (2024-05-07)
+
+
+
+## 1.0.116 (2024-04-23)
+
+
+
+## 1.0.115 (2024-04-22)
+
+
+
+## 1.0.114 (2024-04-19)
+
+
+
+## 1.0.113 (2024-04-19)
+
+
+
+## 1.0.112 (2024-04-15)
+
+
+
+## 1.0.111 (2024-04-11)
+
+
+
+## 1.0.110 (2024-04-05)
+
+
+
+## 1.0.109 (2024-04-05)
+
+
+
+## 1.0.108 (2024-04-04)
+
+
+
+## 1.0.107 (2024-04-03)
+
+
+
+## 1.0.106 (2024-03-29)
+
+
+
+## 1.0.105 (2024-03-28)
+
+
+
+## 1.0.104 (2024-03-21)
+
+
+
+## 1.0.103 (2024-03-20)
+
+
+
+## 1.0.102 (2024-03-20)
+
+
+
+## 1.0.101 (2024-03-13)
+
+
+
+## 1.0.100 (2024-03-12)
+
+
+
+## 1.0.99 (2024-03-11)
+
+
+
+## 1.0.98 (2024-03-07)
+
+
+
+## 1.0.97 (2024-03-06)
+
+
+
+## 1.0.96 (2024-03-06)
+
+
+
+## 1.0.95 (2024-03-04)
+
+
+
+## 1.0.94 (2024-02-29)
+
+
+
+## 1.0.93 (2024-02-28)
+
+
+
+## 1.0.92 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+
+
+## 1.0.82 (2024-02-05)
+
+
+
+## 1.0.81 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 1.0.72 (2024-01-19)
+
+
+
+## 1.0.71 (2024-01-18)
+
+
+
+## 1.0.70 (2024-01-17)
+
+
+
+## 1.0.69 (2024-01-17)
+
+
+
+## 1.0.68 (2024-01-15)
+
+
+
+## 1.0.67 (2024-01-15)
+
+
+
+## 1.0.66 (2024-01-12)
+
+
+
+## 1.0.65 (2024-01-11)
+
+
+
+## 1.0.64 (2024-01-11)
+
+
+
+## 1.0.63 (2024-01-11)
+
+
+
+## 1.0.62 (2024-01-10)
+
+**Note:** Version bump only for package @oanda/labs-currency-power-balance-widget
+
+
+
+
+
 ## 1.0.150 (2025-08-05)
 
 

package/dist/main/CurrencyPowerBalanceWidget/components/Chart/options/formatters.js

@@ -4,59 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.xAxisLabelFormatter = exports.tooltipFormatter = exports.isMonthWeek = exports.intervalFormatter = exports.formatLegendData = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _graphql = require("../../../../gql/types/graphql");
 var _constants = require("./constants");
-const getDateAndTime = param => {
-  const dateAndTime = param.split('T');
-  return {
-    date: dateAndTime[0],
-    time: dateAndTime[1].substring(0, 5)
-  };
-};
-const dateFormat = date => `${new Date(date).toLocaleDateString(undefined, {
-  month: 'numeric',
-  day: 'numeric'
-})}`;
-const dateTimeFormat = _ref => {
-  let {
-    date,
-    time
-  } = _ref;
-  return `${new Date(date).toLocaleDateString(undefined, {
-    year: 'numeric',
-    month: 'numeric',
-    day: 'numeric'
-  })}, ${time} UTC`;
-};
 const isMonthWeek = timeUnit => timeUnit === _graphql.CurrencyPowerBalanceTimeUnit.M3 || timeUnit === _graphql.CurrencyPowerBalanceTimeUnit.M1 || timeUnit === _graphql.CurrencyPowerBalanceTimeUnit.W1;
 exports.isMonthWeek = isMonthWeek;
 const xAxisLabelFormatter = (label, timeUnit) => {
   const {
     date,
     time
-  } = getDateAndTime(label);
+  } = (0, _labsWidgetCommon.getChartDateAndTime)(label);
   const isDateFormat = isMonthWeek(timeUnit) || time === '00:00';
-  return isDateFormat ? dateFormat(date) : time;
+  return isDateFormat ? (0, _labsWidgetCommon.chartDateFormat)(date) : time;
 };
 exports.xAxisLabelFormatter = xAxisLabelFormatter;
 const intervalFormatter = dataLength => Math.round(dataLength / _constants.VERTICAL_LINE_COUNT);
 exports.intervalFormatter = intervalFormatter;
 const tooltipFormatter = values => {
-  const date = dateTimeFormat(getDateAndTime(values[0].value[0]));
-  const row = values.sort((_ref2, _ref3) => {
+  const date = (0, _labsWidgetCommon.chartDateTimeFormat)((0, _labsWidgetCommon.getChartDateAndTime)(values[0].value[0]));
+  const row = values.sort((_ref, _ref2) => {
     let {
       value: valueA
-    } = _ref2;
+    } = _ref;
     let {
       value: valueB
-    } = _ref3;
+    } = _ref2;
     return Number(valueB[1]) - Number(valueA[1]);
-  }).map(_ref4 => {
+  }).map(_ref3 => {
     let {
       marker,
       seriesName,
       value
-    } = _ref4;
+    } = _ref3;
     return `<div style="display:flex;align-items:center;">
       <div style="display:flex;align-items:center;width:50px;margin-right:10px;">
         ${marker}
@@ -72,10 +51,10 @@ const tooltipFormatter = values => {
 };
 exports.tooltipFormatter = tooltipFormatter;
 const formatLegendData = values => {
-  const dataCurrencies = values.map(_ref5 => {
+  const dataCurrencies = values.map(_ref4 => {
     let {
       currency
-    } = _ref5;
+    } = _ref4;
     return currency;
   });
   const list = dataCurrencies.length === _constants.CURRENCIES_ORDER.length ? _constants.CURRENCIES_ORDER : _constants.CURRENCIES_ORDER.filter(currency => dataCurrencies.includes(currency));

package/dist/main/CurrencyPowerBalanceWidget/components/Chart/options/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":["_graphql","require","_constants","getDateAndTime","param","dateAndTime","split","date","time","substring","dateFormat","Date","toLocaleDateString","undefined","month","day","dateTimeFormat","_ref","year","isMonthWeek","timeUnit","CurrencyPowerBalanceTimeUnit","M3","M1","W1","exports","xAxisLabelFormatter","label","isDateFormat","intervalFormatter","dataLength","Math","round","VERTICAL_LINE_COUNT","tooltipFormatter","values","value","row","sort","_ref2","_ref3","valueA","valueB","Number","map","_ref4","marker","seriesName","join","formatLegendData","dataCurrencies","_ref5","currency","list","length","CURRENCIES_ORDER","filter","includes","name","itemStyle","color","COLOR_CONFIG"],"sources":["../../../../../../src/CurrencyPowerBalanceWidget/components/Chart/options/formatters.ts"],"sourcesContent":["import type { CurrencyPowerBalance } from '../../../../gql/types/graphql';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';\nimport {\n  COLOR_CONFIG,\n  CURRENCIES_ORDER,\n  VERTICAL_LINE_COUNT,\n} from './constants';\nimport type { TooltipFormatterParams } from './types';\n\nconst getDateAndTime = (param: string) => {\n  const dateAndTime = param.split('T');\n\n  return {\n    date: dateAndTime[0],\n    time: dateAndTime[1].substring(0, 5),\n  };\n};\n\nconst dateFormat = (date: string) =>\n  `${new Date(date).toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })}`;\n\nconst dateTimeFormat = ({ date, time }: { date: string; time: string }) =>\n  `${new Date(date).toLocaleDateString(undefined, { year: 'numeric', month: 'numeric', day: 'numeric' })}, ${time} UTC`;\n\nconst isMonthWeek = (timeUnit: CurrencyPowerBalanceTimeUnit) =>\n  timeUnit === CurrencyPowerBalanceTimeUnit.M3 ||\n  timeUnit === CurrencyPowerBalanceTimeUnit.M1 ||\n  timeUnit === CurrencyPowerBalanceTimeUnit.W1;\n\nconst xAxisLabelFormatter = (\n  label: string,\n  timeUnit: CurrencyPowerBalanceTimeUnit\n) => {\n  const { date, time } = getDateAndTime(label);\n  const isDateFormat = isMonthWeek(timeUnit) || time === '00:00';\n\n  return isDateFormat ? dateFormat(date) : time;\n};\n\nconst intervalFormatter = (dataLength: number) =>\n  Math.round(dataLength / VERTICAL_LINE_COUNT);\n\nconst tooltipFormatter = (values: TooltipFormatterParams[]) => {\n  const date = dateTimeFormat(getDateAndTime(values[0].value[0]));\n\n  const row = values\n    .sort(\n      ({ value: valueA }, { value: valueB }) =>\n        Number(valueB[1]) - Number(valueA[1])\n    )\n    .map(\n      ({\n        marker,\n        seriesName,\n        value,\n      }) => `<div style=\"display:flex;align-items:center;\">\n      <div style=\"display:flex;align-items:center;width:50px;margin-right:10px;\">\n        ${marker}\n        <span>${seriesName}</span>\n      </div>\n      <span>${value[1]}</span>\n    </div>`\n    );\n\n  return `<div style=\"display:flex; flex-direction:column;\">\n    <span style=\"margin-bottom:5px;\">${date}</span>\n    ${row.join('\\n')}\n  </div>`;\n};\n\nconst formatLegendData = (values: CurrencyPowerBalance[]) => {\n  const dataCurrencies = values.map(({ currency }) => currency);\n\n  const list =\n    dataCurrencies.length === CURRENCIES_ORDER.length\n      ? CURRENCIES_ORDER\n      : CURRENCIES_ORDER.filter((currency) =>\n          dataCurrencies.includes(currency)\n        );\n\n  return list.map((currency) => ({\n    name: currency,\n    itemStyle: {\n      color: COLOR_CONFIG[currency],\n    },\n  }));\n};\n\nexport {\n  formatLegendData,\n  intervalFormatter,\n  isMonthWeek,\n  tooltipFormatter,\n  xAxisLabelFormatter,\n};\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAOA,MAAME,cAAc,GAAIC,KAAa,IAAK;EACxC,MAAMC,WAAW,GAAGD,KAAK,CAACE,KAAK,CAAC,GAAG,CAAC;EAEpC,OAAO;IACLC,IAAI,EAAEF,WAAW,CAAC,CAAC,CAAC;IACpBG,IAAI,EAAEH,WAAW,CAAC,CAAC,CAAC,CAACI,SAAS,CAAC,CAAC,EAAE,CAAC;EACrC,CAAC;AACH,CAAC;AAED,MAAMC,UAAU,GAAIH,IAAY,IAC9B,GAAG,IAAII,IAAI,CAACJ,IAAI,CAAC,CAACK,kBAAkB,CAACC,SAAS,EAAE;EAAEC,KAAK,EAAE,SAAS;EAAEC,GAAG,EAAE;AAAU,CAAC,CAAC,EAAE;AAEzF,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;IAAEV,IAAI;IAAEC;EAAqC,CAAC,GAAAS,IAAA;EAAA,OACpE,GAAG,IAAIN,IAAI,CAACJ,IAAI,CAAC,CAACK,kBAAkB,CAACC,SAAS,EAAE;IAAEK,IAAI,EAAE,SAAS;IAAEJ,KAAK,EAAE,SAAS;IAAEC,GAAG,EAAE;EAAU,CAAC,CAAC,KAAKP,IAAI,MAAM;AAAA;AAEvH,MAAMW,WAAW,GAAIC,QAAsC,IACzDA,QAAQ,KAAKC,qCAA4B,CAACC,EAAE,IAC5CF,QAAQ,KAAKC,qCAA4B,CAACE,EAAE,IAC5CH,QAAQ,KAAKC,qCAA4B,CAACG,EAAE;AAACC,OAAA,CAAAN,WAAA,GAAAA,WAAA;AAE/C,MAAMO,mBAAmB,GAAGA,CAC1BC,KAAa,EACbP,QAAsC,KACnC;EACH,MAAM;IAAEb,IAAI;IAAEC;EAAK,CAAC,GAAGL,cAAc,CAACwB,KAAK,CAAC;EAC5C,MAAMC,YAAY,GAAGT,WAAW,CAACC,QAAQ,CAAC,IAAIZ,IAAI,KAAK,OAAO;EAE9D,OAAOoB,YAAY,GAAGlB,UAAU,CAACH,IAAI,CAAC,GAAGC,IAAI;AAC/C,CAAC;AAACiB,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAEF,MAAMG,iBAAiB,GAAIC,UAAkB,IAC3CC,IAAI,CAACC,KAAK,CAACF,UAAU,GAAGG,8BAAmB,CAAC;AAACR,OAAA,CAAAI,iBAAA,GAAAA,iBAAA;AAE/C,MAAMK,gBAAgB,GAAIC,MAAgC,IAAK;EAC7D,MAAM5B,IAAI,GAAGS,cAAc,CAACb,cAAc,CAACgC,MAAM,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAE/D,MAAMC,GAAG,GAAGF,MAAM,CACfG,IAAI,CACH,CAAAC,KAAA,EAAAC,KAAA;IAAA,IAAC;MAAEJ,KAAK,EAAEK;IAAO,CAAC,GAAAF,KAAA;IAAA,IAAE;MAAEH,KAAK,EAAEM;IAAO,CAAC,GAAAF,KAAA;IAAA,OACnCG,MAAM,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,GAAGC,MAAM,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC;EAAA,CACzC,CAAC,CACAG,GAAG,CACFC,KAAA;IAAA,IAAC;MACCC,MAAM;MACNC,UAAU;MACVX;IACF,CAAC,GAAAS,KAAA;IAAA,OAAK;AACZ;AACA,UAAUC,MAAM;AAChB,gBAAgBC,UAAU;AAC1B;AACA,cAAcX,KAAK,CAAC,CAAC,CAAC;AACtB,WAAW;EAAA,CACP,CAAC;EAEH,OAAO;AACT,uCAAuC7B,IAAI;AAC3C,MAAM8B,GAAG,CAACW,IAAI,CAAC,IAAI,CAAC;AACpB,SAAS;AACT,CAAC;AAACvB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA;AAEF,MAAMe,gBAAgB,GAAId,MAA8B,IAAK;EAC3D,MAAMe,cAAc,GAAGf,MAAM,CAACS,GAAG,CAACO,KAAA;IAAA,IAAC;MAAEC;IAAS,CAAC,GAAAD,KAAA;IAAA,OAAKC,QAAQ;EAAA,EAAC;EAE7D,MAAMC,IAAI,GACRH,cAAc,CAACI,MAAM,KAAKC,2BAAgB,CAACD,MAAM,GAC7CC,2BAAgB,GAChBA,2BAAgB,CAACC,MAAM,CAAEJ,QAAQ,IAC/BF,cAAc,CAACO,QAAQ,CAACL,QAAQ,CAClC,CAAC;EAEP,OAAOC,IAAI,CAACT,GAAG,CAAEQ,QAAQ,KAAM;IAC7BM,IAAI,EAAEN,QAAQ;IACdO,SAAS,EAAE;MACTC,KAAK,EAAEC,uBAAY,CAACT,QAAQ;IAC9B;EACF,CAAC,CAAC,CAAC;AACL,CAAC;AAAC3B,OAAA,CAAAwB,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"formatters.js","names":["_labsWidgetCommon","require","_graphql","_constants","isMonthWeek","timeUnit","CurrencyPowerBalanceTimeUnit","M3","M1","W1","exports","xAxisLabelFormatter","label","date","time","getChartDateAndTime","isDateFormat","chartDateFormat","intervalFormatter","dataLength","Math","round","VERTICAL_LINE_COUNT","tooltipFormatter","values","chartDateTimeFormat","value","row","sort","_ref","_ref2","valueA","valueB","Number","map","_ref3","marker","seriesName","join","formatLegendData","dataCurrencies","_ref4","currency","list","length","CURRENCIES_ORDER","filter","includes","name","itemStyle","color","COLOR_CONFIG"],"sources":["../../../../../../src/CurrencyPowerBalanceWidget/components/Chart/options/formatters.ts"],"sourcesContent":["import {\n  chartDateFormat,\n  chartDateTimeFormat,\n  getChartDateAndTime,\n} from '@oanda/labs-widget-common';\n\nimport type { CurrencyPowerBalance } from '../../../../gql/types/graphql';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';\nimport {\n  COLOR_CONFIG,\n  CURRENCIES_ORDER,\n  VERTICAL_LINE_COUNT,\n} from './constants';\nimport type { TooltipFormatterParams } from './types';\n\nconst isMonthWeek = (timeUnit: CurrencyPowerBalanceTimeUnit) =>\n  timeUnit === CurrencyPowerBalanceTimeUnit.M3 ||\n  timeUnit === CurrencyPowerBalanceTimeUnit.M1 ||\n  timeUnit === CurrencyPowerBalanceTimeUnit.W1;\n\nconst xAxisLabelFormatter = (\n  label: string,\n  timeUnit: CurrencyPowerBalanceTimeUnit\n) => {\n  const { date, time } = getChartDateAndTime(label);\n  const isDateFormat = isMonthWeek(timeUnit) || time === '00:00';\n\n  return isDateFormat ? chartDateFormat(date) : time;\n};\n\nconst intervalFormatter = (dataLength: number) =>\n  Math.round(dataLength / VERTICAL_LINE_COUNT);\n\nconst tooltipFormatter = (values: TooltipFormatterParams[]) => {\n  const date = chartDateTimeFormat(getChartDateAndTime(values[0].value[0]));\n\n  const row = values\n    .sort(\n      ({ value: valueA }, { value: valueB }) =>\n        Number(valueB[1]) - Number(valueA[1])\n    )\n    .map(\n      ({\n        marker,\n        seriesName,\n        value,\n      }) => `<div style=\"display:flex;align-items:center;\">\n      <div style=\"display:flex;align-items:center;width:50px;margin-right:10px;\">\n        ${marker}\n        <span>${seriesName}</span>\n      </div>\n      <span>${value[1]}</span>\n    </div>`\n    );\n\n  return `<div style=\"display:flex; flex-direction:column;\">\n    <span style=\"margin-bottom:5px;\">${date}</span>\n    ${row.join('\\n')}\n  </div>`;\n};\n\nconst formatLegendData = (values: CurrencyPowerBalance[]) => {\n  const dataCurrencies = values.map(({ currency }) => currency);\n\n  const list =\n    dataCurrencies.length === CURRENCIES_ORDER.length\n      ? CURRENCIES_ORDER\n      : CURRENCIES_ORDER.filter((currency) =>\n          dataCurrencies.includes(currency)\n        );\n\n  return list.map((currency) => ({\n    name: currency,\n    itemStyle: {\n      color: COLOR_CONFIG[currency],\n    },\n  }));\n};\n\nexport {\n  formatLegendData,\n  intervalFormatter,\n  isMonthWeek,\n  tooltipFormatter,\n  xAxisLabelFormatter,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAOA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAOA,MAAMG,WAAW,GAAIC,QAAsC,IACzDA,QAAQ,KAAKC,qCAA4B,CAACC,EAAE,IAC5CF,QAAQ,KAAKC,qCAA4B,CAACE,EAAE,IAC5CH,QAAQ,KAAKC,qCAA4B,CAACG,EAAE;AAACC,OAAA,CAAAN,WAAA,GAAAA,WAAA;AAE/C,MAAMO,mBAAmB,GAAGA,CAC1BC,KAAa,EACbP,QAAsC,KACnC;EACH,MAAM;IAAEQ,IAAI;IAAEC;EAAK,CAAC,GAAG,IAAAC,qCAAmB,EAACH,KAAK,CAAC;EACjD,MAAMI,YAAY,GAAGZ,WAAW,CAACC,QAAQ,CAAC,IAAIS,IAAI,KAAK,OAAO;EAE9D,OAAOE,YAAY,GAAG,IAAAC,iCAAe,EAACJ,IAAI,CAAC,GAAGC,IAAI;AACpD,CAAC;AAACJ,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAEF,MAAMO,iBAAiB,GAAIC,UAAkB,IAC3CC,IAAI,CAACC,KAAK,CAACF,UAAU,GAAGG,8BAAmB,CAAC;AAACZ,OAAA,CAAAQ,iBAAA,GAAAA,iBAAA;AAE/C,MAAMK,gBAAgB,GAAIC,MAAgC,IAAK;EAC7D,MAAMX,IAAI,GAAG,IAAAY,qCAAmB,EAAC,IAAAV,qCAAmB,EAACS,MAAM,CAAC,CAAC,CAAC,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAEzE,MAAMC,GAAG,GAAGH,MAAM,CACfI,IAAI,CACH,CAAAC,IAAA,EAAAC,KAAA;IAAA,IAAC;MAAEJ,KAAK,EAAEK;IAAO,CAAC,GAAAF,IAAA;IAAA,IAAE;MAAEH,KAAK,EAAEM;IAAO,CAAC,GAAAF,KAAA;IAAA,OACnCG,MAAM,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,GAAGC,MAAM,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC;EAAA,CACzC,CAAC,CACAG,GAAG,CACFC,KAAA;IAAA,IAAC;MACCC,MAAM;MACNC,UAAU;MACVX;IACF,CAAC,GAAAS,KAAA;IAAA,OAAK;AACZ;AACA,UAAUC,MAAM;AAChB,gBAAgBC,UAAU;AAC1B;AACA,cAAcX,KAAK,CAAC,CAAC,CAAC;AACtB,WAAW;EAAA,CACP,CAAC;EAEH,OAAO;AACT,uCAAuCb,IAAI;AAC3C,MAAMc,GAAG,CAACW,IAAI,CAAC,IAAI,CAAC;AACpB,SAAS;AACT,CAAC;AAAC5B,OAAA,CAAAa,gBAAA,GAAAA,gBAAA;AAEF,MAAMgB,gBAAgB,GAAIf,MAA8B,IAAK;EAC3D,MAAMgB,cAAc,GAAGhB,MAAM,CAACU,GAAG,CAACO,KAAA;IAAA,IAAC;MAAEC;IAAS,CAAC,GAAAD,KAAA;IAAA,OAAKC,QAAQ;EAAA,EAAC;EAE7D,MAAMC,IAAI,GACRH,cAAc,CAACI,MAAM,KAAKC,2BAAgB,CAACD,MAAM,GAC7CC,2BAAgB,GAChBA,2BAAgB,CAACC,MAAM,CAAEJ,QAAQ,IAC/BF,cAAc,CAACO,QAAQ,CAACL,QAAQ,CAClC,CAAC;EAEP,OAAOC,IAAI,CAACT,GAAG,CAAEQ,QAAQ,KAAM;IAC7BM,IAAI,EAAEN,QAAQ;IACdO,SAAS,EAAE;MACTC,KAAK,EAAEC,uBAAY,CAACT,QAAQ;IAC9B;EACF,CAAC,CAAC,CAAC;AACL,CAAC;AAAChC,OAAA,CAAA6B,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/components/Chart/options/formatters.js

@@ -1,53 +1,32 @@
+import { chartDateFormat, chartDateTimeFormat, getChartDateAndTime } from '@oanda/labs-widget-common';
 import { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';
 import { COLOR_CONFIG, CURRENCIES_ORDER, VERTICAL_LINE_COUNT } from './constants';
-const getDateAndTime = param => {
-  const dateAndTime = param.split('T');
-  return {
-    date: dateAndTime[0],
-    time: dateAndTime[1].substring(0, 5)
-  };
-};
-const dateFormat = date => `${new Date(date).toLocaleDateString(undefined, {
-  month: 'numeric',
-  day: 'numeric'
-})}`;
-const dateTimeFormat = _ref => {
-  let {
-    date,
-    time
-  } = _ref;
-  return `${new Date(date).toLocaleDateString(undefined, {
-    year: 'numeric',
-    month: 'numeric',
-    day: 'numeric'
-  })}, ${time} UTC`;
-};
 const isMonthWeek = timeUnit => timeUnit === CurrencyPowerBalanceTimeUnit.M3 || timeUnit === CurrencyPowerBalanceTimeUnit.M1 || timeUnit === CurrencyPowerBalanceTimeUnit.W1;
 const xAxisLabelFormatter = (label, timeUnit) => {
   const {
     date,
     time
-  } = getDateAndTime(label);
+  } = getChartDateAndTime(label);
   const isDateFormat = isMonthWeek(timeUnit) || time === '00:00';
-  return isDateFormat ? dateFormat(date) : time;
+  return isDateFormat ? chartDateFormat(date) : time;
 };
 const intervalFormatter = dataLength => Math.round(dataLength / VERTICAL_LINE_COUNT);
 const tooltipFormatter = values => {
-  const date = dateTimeFormat(getDateAndTime(values[0].value[0]));
-  const row = values.sort((_ref2, _ref3) => {
+  const date = chartDateTimeFormat(getChartDateAndTime(values[0].value[0]));
+  const row = values.sort((_ref, _ref2) => {
     let {
       value: valueA
-    } = _ref2;
+    } = _ref;
     let {
       value: valueB
-    } = _ref3;
+    } = _ref2;
     return Number(valueB[1]) - Number(valueA[1]);
-  }).map(_ref4 => {
+  }).map(_ref3 => {
     let {
       marker,
       seriesName,
       value
-    } = _ref4;
+    } = _ref3;
     return `<div style="display:flex;align-items:center;">
       <div style="display:flex;align-items:center;width:50px;margin-right:10px;">
         ${marker}
@@ -62,10 +41,10 @@ const tooltipFormatter = values => {
   </div>`;
 };
 const formatLegendData = values => {
-  const dataCurrencies = values.map(_ref5 => {
+  const dataCurrencies = values.map(_ref4 => {
     let {
       currency
-    } = _ref5;
+    } = _ref4;
     return currency;
   });
   const list = dataCurrencies.length === CURRENCIES_ORDER.length ? CURRENCIES_ORDER : CURRENCIES_ORDER.filter(currency => dataCurrencies.includes(currency));

package/dist/module/CurrencyPowerBalanceWidget/components/Chart/options/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":["CurrencyPowerBalanceTimeUnit","COLOR_CONFIG","CURRENCIES_ORDER","VERTICAL_LINE_COUNT","getDateAndTime","param","dateAndTime","split","date","time","substring","dateFormat","Date","toLocaleDateString","undefined","month","day","dateTimeFormat","_ref","year","isMonthWeek","timeUnit","M3","M1","W1","xAxisLabelFormatter","label","isDateFormat","intervalFormatter","dataLength","Math","round","tooltipFormatter","values","value","row","sort","_ref2","_ref3","valueA","valueB","Number","map","_ref4","marker","seriesName","join","formatLegendData","dataCurrencies","_ref5","currency","list","length","filter","includes","name","itemStyle","color"],"sources":["../../../../../../src/CurrencyPowerBalanceWidget/components/Chart/options/formatters.ts"],"sourcesContent":["import type { CurrencyPowerBalance } from '../../../../gql/types/graphql';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';\nimport {\n  COLOR_CONFIG,\n  CURRENCIES_ORDER,\n  VERTICAL_LINE_COUNT,\n} from './constants';\nimport type { TooltipFormatterParams } from './types';\n\nconst getDateAndTime = (param: string) => {\n  const dateAndTime = param.split('T');\n\n  return {\n    date: dateAndTime[0],\n    time: dateAndTime[1].substring(0, 5),\n  };\n};\n\nconst dateFormat = (date: string) =>\n  `${new Date(date).toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })}`;\n\nconst dateTimeFormat = ({ date, time }: { date: string; time: string }) =>\n  `${new Date(date).toLocaleDateString(undefined, { year: 'numeric', month: 'numeric', day: 'numeric' })}, ${time} UTC`;\n\nconst isMonthWeek = (timeUnit: CurrencyPowerBalanceTimeUnit) =>\n  timeUnit === CurrencyPowerBalanceTimeUnit.M3 ||\n  timeUnit === CurrencyPowerBalanceTimeUnit.M1 ||\n  timeUnit === CurrencyPowerBalanceTimeUnit.W1;\n\nconst xAxisLabelFormatter = (\n  label: string,\n  timeUnit: CurrencyPowerBalanceTimeUnit\n) => {\n  const { date, time } = getDateAndTime(label);\n  const isDateFormat = isMonthWeek(timeUnit) || time === '00:00';\n\n  return isDateFormat ? dateFormat(date) : time;\n};\n\nconst intervalFormatter = (dataLength: number) =>\n  Math.round(dataLength / VERTICAL_LINE_COUNT);\n\nconst tooltipFormatter = (values: TooltipFormatterParams[]) => {\n  const date = dateTimeFormat(getDateAndTime(values[0].value[0]));\n\n  const row = values\n    .sort(\n      ({ value: valueA }, { value: valueB }) =>\n        Number(valueB[1]) - Number(valueA[1])\n    )\n    .map(\n      ({\n        marker,\n        seriesName,\n        value,\n      }) => `<div style=\"display:flex;align-items:center;\">\n      <div style=\"display:flex;align-items:center;width:50px;margin-right:10px;\">\n        ${marker}\n        <span>${seriesName}</span>\n      </div>\n      <span>${value[1]}</span>\n    </div>`\n    );\n\n  return `<div style=\"display:flex; flex-direction:column;\">\n    <span style=\"margin-bottom:5px;\">${date}</span>\n    ${row.join('\\n')}\n  </div>`;\n};\n\nconst formatLegendData = (values: CurrencyPowerBalance[]) => {\n  const dataCurrencies = values.map(({ currency }) => currency);\n\n  const list =\n    dataCurrencies.length === CURRENCIES_ORDER.length\n      ? CURRENCIES_ORDER\n      : CURRENCIES_ORDER.filter((currency) =>\n          dataCurrencies.includes(currency)\n        );\n\n  return list.map((currency) => ({\n    name: currency,\n    itemStyle: {\n      color: COLOR_CONFIG[currency],\n    },\n  }));\n};\n\nexport {\n  formatLegendData,\n  intervalFormatter,\n  isMonthWeek,\n  tooltipFormatter,\n  xAxisLabelFormatter,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"formatters.js","names":["chartDateFormat","chartDateTimeFormat","getChartDateAndTime","CurrencyPowerBalanceTimeUnit","COLOR_CONFIG","CURRENCIES_ORDER","VERTICAL_LINE_COUNT","isMonthWeek","timeUnit","M3","M1","W1","xAxisLabelFormatter","label","date","time","isDateFormat","intervalFormatter","dataLength","Math","round","tooltipFormatter","values","value","row","sort","_ref","_ref2","valueA","valueB","Number","map","_ref3","marker","seriesName","join","formatLegendData","dataCurrencies","_ref4","currency","list","length","filter","includes","name","itemStyle","color"],"sources":["../../../../../../src/CurrencyPowerBalanceWidget/components/Chart/options/formatters.ts"],"sourcesContent":["import {\n  chartDateFormat,\n  chartDateTimeFormat,\n  getChartDateAndTime,\n} from '@oanda/labs-widget-common';\n\nimport type { CurrencyPowerBalance } from '../../../../gql/types/graphql';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';\nimport {\n  COLOR_CONFIG,\n  CURRENCIES_ORDER,\n  VERTICAL_LINE_COUNT,\n} from './constants';\nimport type { TooltipFormatterParams } from './types';\n\nconst isMonthWeek = (timeUnit: CurrencyPowerBalanceTimeUnit) =>\n  timeUnit === CurrencyPowerBalanceTimeUnit.M3 ||\n  timeUnit === CurrencyPowerBalanceTimeUnit.M1 ||\n  timeUnit === CurrencyPowerBalanceTimeUnit.W1;\n\nconst xAxisLabelFormatter = (\n  label: string,\n  timeUnit: CurrencyPowerBalanceTimeUnit\n) => {\n  const { date, time } = getChartDateAndTime(label);\n  const isDateFormat = isMonthWeek(timeUnit) || time === '00:00';\n\n  return isDateFormat ? chartDateFormat(date) : time;\n};\n\nconst intervalFormatter = (dataLength: number) =>\n  Math.round(dataLength / VERTICAL_LINE_COUNT);\n\nconst tooltipFormatter = (values: TooltipFormatterParams[]) => {\n  const date = chartDateTimeFormat(getChartDateAndTime(values[0].value[0]));\n\n  const row = values\n    .sort(\n      ({ value: valueA }, { value: valueB }) =>\n        Number(valueB[1]) - Number(valueA[1])\n    )\n    .map(\n      ({\n        marker,\n        seriesName,\n        value,\n      }) => `<div style=\"display:flex;align-items:center;\">\n      <div style=\"display:flex;align-items:center;width:50px;margin-right:10px;\">\n        ${marker}\n        <span>${seriesName}</span>\n      </div>\n      <span>${value[1]}</span>\n    </div>`\n    );\n\n  return `<div style=\"display:flex; flex-direction:column;\">\n    <span style=\"margin-bottom:5px;\">${date}</span>\n    ${row.join('\\n')}\n  </div>`;\n};\n\nconst formatLegendData = (values: CurrencyPowerBalance[]) => {\n  const dataCurrencies = values.map(({ currency }) => currency);\n\n  const list =\n    dataCurrencies.length === CURRENCIES_ORDER.length\n      ? CURRENCIES_ORDER\n      : CURRENCIES_ORDER.filter((currency) =>\n          dataCurrencies.includes(currency)\n        );\n\n  return list.map((currency) => ({\n    name: currency,\n    itemStyle: {\n      color: COLOR_CONFIG[currency],\n    },\n  }));\n};\n\nexport {\n  formatLegendData,\n  intervalFormatter,\n  isMonthWeek,\n  tooltipFormatter,\n  xAxisLabelFormatter,\n};\n"],"mappings":"AAAA,SACEA,eAAe,EACfC,mBAAmB,EACnBC,mBAAmB,QACd,2BAA2B;AAGlC,SAASC,4BAA4B,QAAQ,+BAA+B;AAC5E,SACEC,YAAY,EACZC,gBAAgB,EAChBC,mBAAmB,QACd,aAAa;AAGpB,MAAMC,WAAW,GAAIC,QAAsC,IACzDA,QAAQ,KAAKL,4BAA4B,CAACM,EAAE,IAC5CD,QAAQ,KAAKL,4BAA4B,CAACO,EAAE,IAC5CF,QAAQ,KAAKL,4BAA4B,CAACQ,EAAE;AAE9C,MAAMC,mBAAmB,GAAGA,CAC1BC,KAAa,EACbL,QAAsC,KACnC;EACH,MAAM;IAAEM,IAAI;IAAEC;EAAK,CAAC,GAAGb,mBAAmB,CAACW,KAAK,CAAC;EACjD,MAAMG,YAAY,GAAGT,WAAW,CAACC,QAAQ,CAAC,IAAIO,IAAI,KAAK,OAAO;EAE9D,OAAOC,YAAY,GAAGhB,eAAe,CAACc,IAAI,CAAC,GAAGC,IAAI;AACpD,CAAC;AAED,MAAME,iBAAiB,GAAIC,UAAkB,IAC3CC,IAAI,CAACC,KAAK,CAACF,UAAU,GAAGZ,mBAAmB,CAAC;AAE9C,MAAMe,gBAAgB,GAAIC,MAAgC,IAAK;EAC7D,MAAMR,IAAI,GAAGb,mBAAmB,CAACC,mBAAmB,CAACoB,MAAM,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAEzE,MAAMC,GAAG,GAAGF,MAAM,CACfG,IAAI,CACH,CAAAC,IAAA,EAAAC,KAAA;IAAA,IAAC;MAAEJ,KAAK,EAAEK;IAAO,CAAC,GAAAF,IAAA;IAAA,IAAE;MAAEH,KAAK,EAAEM;IAAO,CAAC,GAAAF,KAAA;IAAA,OACnCG,MAAM,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,GAAGC,MAAM,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC;EAAA,CACzC,CAAC,CACAG,GAAG,CACFC,KAAA;IAAA,IAAC;MACCC,MAAM;MACNC,UAAU;MACVX;IACF,CAAC,GAAAS,KAAA;IAAA,OAAK;AACZ;AACA,UAAUC,MAAM;AAChB,gBAAgBC,UAAU;AAC1B;AACA,cAAcX,KAAK,CAAC,CAAC,CAAC;AACtB,WAAW;EAAA,CACP,CAAC;EAEH,OAAO;AACT,uCAAuCT,IAAI;AAC3C,MAAMU,GAAG,CAACW,IAAI,CAAC,IAAI,CAAC;AACpB,SAAS;AACT,CAAC;AAED,MAAMC,gBAAgB,GAAId,MAA8B,IAAK;EAC3D,MAAMe,cAAc,GAAGf,MAAM,CAACS,GAAG,CAACO,KAAA;IAAA,IAAC;MAAEC;IAAS,CAAC,GAAAD,KAAA;IAAA,OAAKC,QAAQ;EAAA,EAAC;EAE7D,MAAMC,IAAI,GACRH,cAAc,CAACI,MAAM,KAAKpC,gBAAgB,CAACoC,MAAM,GAC7CpC,gBAAgB,GAChBA,gBAAgB,CAACqC,MAAM,CAAEH,QAAQ,IAC/BF,cAAc,CAACM,QAAQ,CAACJ,QAAQ,CAClC,CAAC;EAEP,OAAOC,IAAI,CAACT,GAAG,CAAEQ,QAAQ,KAAM;IAC7BK,IAAI,EAAEL,QAAQ;IACdM,SAAS,EAAE;MACTC,KAAK,EAAE1C,YAAY,CAACmC,QAAQ;IAC9B;EACF,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SACEH,gBAAgB,EAChBnB,iBAAiB,EACjBV,WAAW,EACXc,gBAAgB,EAChBT,mBAAmB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-currency-power-balance-widget",
-  "version": "1.0.150",
+  "version": "1.0.151",
   "description": "Labs Currency Power Balance Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.211",
+    "@oanda/labs-widget-common": "^1.0.212",
     "@oanda/mono-i18n": "10.0.1",
     "echarts": "5.5.0",
     "echarts-for-react": "3.0.2",
@@ -22,5 +22,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "ecce179e47e442c6d1dac02607b4ae851f175740"
+  "gitHead": "53a43d8d60d462d74949c32e30a75b09e86f659d"
 }

package/src/CurrencyPowerBalanceWidget/components/Chart/options/formatters.ts

@@ -1,3 +1,9 @@
+import {
+  chartDateFormat,
+  chartDateTimeFormat,
+  getChartDateAndTime,
+} from '@oanda/labs-widget-common';
+
 import type { CurrencyPowerBalance } from '../../../../gql/types/graphql';
 import { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';
 import {
@@ -7,21 +13,6 @@ import {
 } from './constants';
 import type { TooltipFormatterParams } from './types';
 
-const getDateAndTime = (param: string) => {
-  const dateAndTime = param.split('T');
-
-  return {
-    date: dateAndTime[0],
-    time: dateAndTime[1].substring(0, 5),
-  };
-};
-
-const dateFormat = (date: string) =>
-  `${new Date(date).toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })}`;
-
-const dateTimeFormat = ({ date, time }: { date: string; time: string }) =>
-  `${new Date(date).toLocaleDateString(undefined, { year: 'numeric', month: 'numeric', day: 'numeric' })}, ${time} UTC`;
-
 const isMonthWeek = (timeUnit: CurrencyPowerBalanceTimeUnit) =>
   timeUnit === CurrencyPowerBalanceTimeUnit.M3 ||
   timeUnit === CurrencyPowerBalanceTimeUnit.M1 ||
@@ -31,17 +22,17 @@ const xAxisLabelFormatter = (
   label: string,
   timeUnit: CurrencyPowerBalanceTimeUnit
 ) => {
-  const { date, time } = getDateAndTime(label);
+  const { date, time } = getChartDateAndTime(label);
   const isDateFormat = isMonthWeek(timeUnit) || time === '00:00';
 
-  return isDateFormat ? dateFormat(date) : time;
+  return isDateFormat ? chartDateFormat(date) : time;
 };
 
 const intervalFormatter = (dataLength: number) =>
   Math.round(dataLength / VERTICAL_LINE_COUNT);
 
 const tooltipFormatter = (values: TooltipFormatterParams[]) => {
-  const date = dateTimeFormat(getDateAndTime(values[0].value[0]));
+  const date = chartDateTimeFormat(getChartDateAndTime(values[0].value[0]));
 
   const row = values
     .sort(