@oanda/labs-crowd-view-widget 1.0.70 → 1.0.72

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

@@ -1 +1 @@
-{"version":3,"file":"getGridConfig.js","names":["CHART_CONFIG","getGridConfig","_ref","isDesktop","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","TOP_LABEL_SPACE_DESKTOP","TOP_LABEL_SPACE_MOBILE","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","TOOLTIP_HEIGHT_MOBILE","TOOLTIP_HEIGHT_DESKTOP","mainHeight","position","left","right","top","height","id","name"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getGridConfig.ts"],"sourcesContent":["import type { GridComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetGridConfigParams {\n  isDesktop: boolean;\n}\n\nexport const getGridConfig = ({\n  isDesktop,\n}: GetGridConfigParams): GridComponentOption[] => {\n  const {\n    Y_SENTIMENT_LABEL_DESKTOP_SIZE,\n    Y_SENTIMENT_LABEL_MOBILE_SIZE,\n    Y_LABEL_SIZE_DESKTOP,\n    Y_LABEL_SIZE_MOBILE,\n    TOP_LABEL_SPACE_DESKTOP,\n    TOP_LABEL_SPACE_MOBILE,\n    MAIN_HEIGHT_DESKTOP,\n    MAIN_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_DESKTOP,\n  } = CHART_CONFIG;\n\n  const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;\n\n  const position = {\n    left: `${isDesktop ? Y_SENTIMENT_LABEL_DESKTOP_SIZE : Y_SENTIMENT_LABEL_MOBILE_SIZE}px`,\n    right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n    top: `${isDesktop ? TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE}px`,\n    height: `${mainHeight}px`,\n  };\n  return [\n    {\n      id: 'main-grid',\n      name: 'main-grid',\n      ...position,\n    },\n    {\n      id: 'sentiment-grid',\n      name: 'sentiment-grid',\n      ...position,\n    },\n  ];\n};\n"],"mappings":"AAEA,SAASA,YAAY,QAAQ,oBAAoB;AAMjD,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAEqB;EAAA,IAFpB;IAC5BC;EACmB,CAAC,GAAAD,IAAA;EACpB,MAAM;IACJE,8BAA8B;IAC9BC,6BAA6B;IAC7BC,oBAAoB;IACpBC,mBAAmB;IACnBC,uBAAuB;IACvBC,sBAAsB;IACtBC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC;EACF,CAAC,GAAGb,YAAY;EAEhB,MAAMc,UAAU,GAAGX,SAAS,GAAGO,mBAAmB,GAAGC,kBAAkB;EAEvE,MAAMI,QAAQ,GAAG;IACfC,IAAI,EAAE,GAAGb,SAAS,GAAGC,8BAA8B,GAAGC,6BAA6B,IAAI;IACvFY,KAAK,EAAE,GAAGd,SAAS,GAAGG,oBAAoB,GAAGC,mBAAmB,IAAI;IACpEW,GAAG,EAAE,GAAGf,SAAS,GAAGK,uBAAuB,GAAGK,sBAAsB,GAAGJ,sBAAsB,GAAGG,qBAAqB,IAAI;IACzHO,MAAM,EAAE,GAAGL,UAAU;EACvB,CAAC;EACD,OAAO,CACL;IACEM,EAAE,EAAE,WAAW;IACfC,IAAI,EAAE,WAAW;IACjB,GAAGN;EACL,CAAC,EACD;IACEK,EAAE,EAAE,gBAAgB;IACpBC,IAAI,EAAE,gBAAgB;IACtB,GAAGN;EACL,CAAC,CACF;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"getGridConfig.js","names":["_constants","require","getGridConfig","_ref","isDesktop","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","TOP_LABEL_SPACE_DESKTOP","TOP_LABEL_SPACE_MOBILE","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","TOOLTIP_HEIGHT_MOBILE","TOOLTIP_HEIGHT_DESKTOP","CHART_CONFIG","mainHeight","position","left","right","top","height","id","name","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getGridConfig.ts"],"sourcesContent":["import type { GridComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetGridConfigParams {\n  isDesktop: boolean;\n}\n\nexport const getGridConfig = ({\n  isDesktop,\n}: GetGridConfigParams): GridComponentOption[] => {\n  const {\n    Y_SENTIMENT_LABEL_DESKTOP_SIZE,\n    Y_SENTIMENT_LABEL_MOBILE_SIZE,\n    Y_LABEL_SIZE_DESKTOP,\n    Y_LABEL_SIZE_MOBILE,\n    TOP_LABEL_SPACE_DESKTOP,\n    TOP_LABEL_SPACE_MOBILE,\n    MAIN_HEIGHT_DESKTOP,\n    MAIN_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_DESKTOP,\n  } = CHART_CONFIG;\n\n  const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;\n\n  const position = {\n    left: `${isDesktop ? Y_SENTIMENT_LABEL_DESKTOP_SIZE : Y_SENTIMENT_LABEL_MOBILE_SIZE}px`,\n    right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n    top: `${isDesktop ? TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE}px`,\n    height: `${mainHeight}px`,\n  };\n  return [\n    {\n      id: 'main-grid',\n      name: 'main-grid',\n      ...position,\n    },\n    {\n      id: 'sentiment-grid',\n      name: 'sentiment-grid',\n      ...position,\n    },\n  ];\n};\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAMO,MAAMC,aAAa,GAAGC,IAAA,IAEqB;EAAA,IAFpB;IAC5BC;EACmB,CAAC,GAAAD,IAAA;EACpB,MAAM;IACJE,8BAA8B;IAC9BC,6BAA6B;IAC7BC,oBAAoB;IACpBC,mBAAmB;IACnBC,uBAAuB;IACvBC,sBAAsB;IACtBC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC;EACF,CAAC,GAAGC,uBAAY;EAEhB,MAAMC,UAAU,GAAGZ,SAAS,GAAGO,mBAAmB,GAAGC,kBAAkB;EAEvE,MAAMK,QAAQ,GAAG;IACfC,IAAI,EAAE,GAAGd,SAAS,GAAGC,8BAA8B,GAAGC,6BAA6B,IAAI;IACvFa,KAAK,EAAE,GAAGf,SAAS,GAAGG,oBAAoB,GAAGC,mBAAmB,IAAI;IACpEY,GAAG,EAAE,GAAGhB,SAAS,GAAGK,uBAAuB,GAAGK,sBAAsB,GAAGJ,sBAAsB,GAAGG,qBAAqB,IAAI;IACzHQ,MAAM,EAAE,GAAGL,UAAU;EACvB,CAAC;EACD,OAAO,CACL;IACEM,EAAE,EAAE,WAAW;IACfC,IAAI,EAAE,WAAW;IACjB,GAAGN;EACL,CAAC,EACD;IACEK,EAAE,EAAE,gBAAgB;IACpBC,IAAI,EAAE,gBAAgB;IACtB,GAAGN;EACL,CAAC,CACF;AACH,CAAC;AAACO,OAAA,CAAAtB,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -1,6 +1,12 @@
-import { getLineCommons } from '@oanda/labs-widget-common';
-import { CHART_CONFIG } from '../../../constants';
-export const getGridLines = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGridLines = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _constants = require("../../../constants");
+const getGridLines = _ref => {
   let {
     isDark,
     isDesktop
@@ -17,14 +23,14 @@ export const getGridLines = _ref => {
     Y_LABEL_SIZE_DESKTOP,
     Y_LABEL_SIZE_MOBILE,
     TOP_LABEL_SPACE_MOBILE
-  } = CHART_CONFIG;
+  } = _constants.CHART_CONFIG;
   const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;
   const ySentimentLabelSize = isDesktop ? Y_SENTIMENT_LABEL_DESKTOP_SIZE : Y_SENTIMENT_LABEL_MOBILE_SIZE;
   const yLabelSize = isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE;
-  const topMargin = isDesktop ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE;
+  const topMargin = isDesktop ? _constants.CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE;
   const tooltipHeight = isDesktop ? TOOLTIP_HEIGHT_DESKTOP : TOOLTIP_HEIGHT_MOBILE;
   return [{
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     top: -2,
     shape: {
       x1: 0,
@@ -34,7 +40,7 @@ export const getGridLines = _ref => {
     },
     z: 30
   }, {
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     right: -2,
     shape: {
       x1: 0,
@@ -44,7 +50,7 @@ export const getGridLines = _ref => {
     },
     z: 30
   }, {
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     bottom: -2,
     shape: {
       x1: 0,
@@ -54,7 +60,7 @@ export const getGridLines = _ref => {
     },
     z: 30
   }, {
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     left: -2,
     shape: {
       x1: 0,
@@ -64,7 +70,7 @@ export const getGridLines = _ref => {
     },
     z: 30
   }, {
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     right: yLabelSize - 3,
     top: topMargin - 2,
     shape: {
@@ -75,7 +81,7 @@ export const getGridLines = _ref => {
     },
     z: 30
   }, {
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     left: ySentimentLabelSize - 2,
     top: topMargin - 2,
     shape: {
@@ -86,7 +92,7 @@ export const getGridLines = _ref => {
     },
     z: 30
   }, {
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     bottom: X_LABEL_SIZE - 3,
     shape: {
       x1: 0,
@@ -96,7 +102,7 @@ export const getGridLines = _ref => {
     },
     z: 30
   }, {
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     top: topMargin - 3,
     shape: {
       x1: 0,
@@ -106,7 +112,7 @@ export const getGridLines = _ref => {
     },
     z: 30
   }, {
-    ...getLineCommons(isDark),
+    ...(0, _labsWidgetCommon.getLineCommons)(isDark),
     top: tooltipHeight - 3,
     shape: {
       x1: 0,
@@ -117,4 +123,5 @@ export const getGridLines = _ref => {
     z: 30
   }];
 };
+exports.getGridLines = getGridLines;
 //# sourceMappingURL=getGridLines.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getGridLines.js","names":["getLineCommons","CHART_CONFIG","getGridLines","_ref","isDark","isDesktop","WIDTH","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","X_LABEL_SIZE","TOOLTIP_HEIGHT_MOBILE","TOOLTIP_HEIGHT_DESKTOP","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","TOP_LABEL_SPACE_MOBILE","mainHeight","ySentimentLabelSize","yLabelSize","topMargin","TOP_LABEL_SPACE_DESKTOP","tooltipHeight","top","shape","x1","y1","x2","y2","z","right","bottom","left"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getGridLines.ts"],"sourcesContent":["import { getLineCommons } from '@oanda/labs-widget-common';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetGridLinesParams {\n  isDark: boolean;\n  isDesktop: boolean;\n}\n\nexport const getGridLines = ({\n  isDark,\n  isDesktop,\n}: GetGridLinesParams): GraphicComponentOption[] => {\n  const {\n    WIDTH,\n    MAIN_HEIGHT_DESKTOP,\n    MAIN_HEIGHT_MOBILE,\n    X_LABEL_SIZE,\n    TOOLTIP_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_DESKTOP,\n    Y_SENTIMENT_LABEL_DESKTOP_SIZE,\n    Y_SENTIMENT_LABEL_MOBILE_SIZE,\n    Y_LABEL_SIZE_DESKTOP,\n    Y_LABEL_SIZE_MOBILE,\n    TOP_LABEL_SPACE_MOBILE,\n  } = CHART_CONFIG;\n\n  const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;\n  const ySentimentLabelSize = isDesktop\n    ? Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yLabelSize = isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP\n    : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE;\n\n  const tooltipHeight = isDesktop\n    ? TOOLTIP_HEIGHT_DESKTOP\n    : TOOLTIP_HEIGHT_MOBILE;\n\n  return [\n    // Top\n    {\n      ...getLineCommons(isDark),\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Right\n    {\n      ...getLineCommons(isDark),\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight + topMargin + X_LABEL_SIZE + 2,\n      },\n      z: 30,\n    },\n    // Bottom\n    {\n      ...getLineCommons(isDark),\n      bottom: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Left\n    {\n      ...getLineCommons(isDark),\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight + X_LABEL_SIZE + topMargin + 2,\n      },\n      z: 30,\n    },\n    // Y Label\n    {\n      ...getLineCommons(isDark),\n      right: yLabelSize - 3,\n      top: topMargin - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight,\n      },\n      z: 30,\n    },\n    // Y Sentiment Label\n    {\n      ...getLineCommons(isDark),\n      left: ySentimentLabelSize - 2,\n      top: topMargin - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight,\n      },\n      z: 30,\n    },\n    // X Label\n    {\n      ...getLineCommons(isDark),\n      bottom: X_LABEL_SIZE - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // X Mobile Label\n    {\n      ...getLineCommons(isDark),\n      top: topMargin - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Mobile tooltip,\n    {\n      ...getLineCommons(isDark),\n      top: tooltipHeight - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getGridLines.js","names":["_labsWidgetCommon","require","_constants","getGridLines","_ref","isDark","isDesktop","WIDTH","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","X_LABEL_SIZE","TOOLTIP_HEIGHT_MOBILE","TOOLTIP_HEIGHT_DESKTOP","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","TOP_LABEL_SPACE_MOBILE","CHART_CONFIG","mainHeight","ySentimentLabelSize","yLabelSize","topMargin","TOP_LABEL_SPACE_DESKTOP","tooltipHeight","getLineCommons","top","shape","x1","y1","x2","y2","z","right","bottom","left","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getGridLines.ts"],"sourcesContent":["import { getLineCommons } from '@oanda/labs-widget-common';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetGridLinesParams {\n  isDark: boolean;\n  isDesktop: boolean;\n}\n\nexport const getGridLines = ({\n  isDark,\n  isDesktop,\n}: GetGridLinesParams): GraphicComponentOption[] => {\n  const {\n    WIDTH,\n    MAIN_HEIGHT_DESKTOP,\n    MAIN_HEIGHT_MOBILE,\n    X_LABEL_SIZE,\n    TOOLTIP_HEIGHT_MOBILE,\n    TOOLTIP_HEIGHT_DESKTOP,\n    Y_SENTIMENT_LABEL_DESKTOP_SIZE,\n    Y_SENTIMENT_LABEL_MOBILE_SIZE,\n    Y_LABEL_SIZE_DESKTOP,\n    Y_LABEL_SIZE_MOBILE,\n    TOP_LABEL_SPACE_MOBILE,\n  } = CHART_CONFIG;\n\n  const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;\n  const ySentimentLabelSize = isDesktop\n    ? Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yLabelSize = isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + TOOLTIP_HEIGHT_DESKTOP\n    : TOP_LABEL_SPACE_MOBILE + TOOLTIP_HEIGHT_MOBILE;\n\n  const tooltipHeight = isDesktop\n    ? TOOLTIP_HEIGHT_DESKTOP\n    : TOOLTIP_HEIGHT_MOBILE;\n\n  return [\n    // Top\n    {\n      ...getLineCommons(isDark),\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Right\n    {\n      ...getLineCommons(isDark),\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight + topMargin + X_LABEL_SIZE + 2,\n      },\n      z: 30,\n    },\n    // Bottom\n    {\n      ...getLineCommons(isDark),\n      bottom: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Left\n    {\n      ...getLineCommons(isDark),\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight + X_LABEL_SIZE + topMargin + 2,\n      },\n      z: 30,\n    },\n    // Y Label\n    {\n      ...getLineCommons(isDark),\n      right: yLabelSize - 3,\n      top: topMargin - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight,\n      },\n      z: 30,\n    },\n    // Y Sentiment Label\n    {\n      ...getLineCommons(isDark),\n      left: ySentimentLabelSize - 2,\n      top: topMargin - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: mainHeight,\n      },\n      z: 30,\n    },\n    // X Label\n    {\n      ...getLineCommons(isDark),\n      bottom: X_LABEL_SIZE - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // X Mobile Label\n    {\n      ...getLineCommons(isDark),\n      top: topMargin - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n    // Mobile tooltip,\n    {\n      ...getLineCommons(isDark),\n      top: tooltipHeight - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n      z: 30,\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,29 +1,36 @@
-import { colorPalette } from '@oanda/labs-widget-common';
-import { Locale } from '@oanda/mono-i18n';
-import chroma from 'chroma-js';
-import { CHART_CONFIG } from '../../../constants';
-export const getLabelsConfig = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLabelsConfig = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+var _constants = require("../../../constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getLabelsConfig = _ref => {
   let {
     isDark,
     isDesktop,
     locale,
     labelCallback
   } = _ref;
-  const isJapanese = locale === Locale.ja;
-  const ySentimentLabelSize = isDesktop ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;
-  const yMainLabelSize = isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;
-  const textColor = isDark ? colorPalette.white : colorPalette.black;
-  const labelBackgroundColor = isDark ? colorPalette.darkGray : colorPalette.white;
-  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;
-  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();
+  const isJapanese = locale === _monoI18n.Locale.ja;
+  const ySentimentLabelSize = isDesktop ? _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;
+  const yMainLabelSize = isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE;
+  const textColor = isDark ? _labsWidgetCommon.colorPalette.white : _labsWidgetCommon.colorPalette.black;
+  const labelBackgroundColor = isDark ? _labsWidgetCommon.colorPalette.darkGray : _labsWidgetCommon.colorPalette.white;
+  const backgroundColor = isDark ? _labsWidgetCommon.colorPalette.black : _labsWidgetCommon.colorPalette.white;
+  const shadowColor = (0, _chromaJs.default)(_labsWidgetCommon.colorPalette.black).alpha(0.1).hex();
   const sentimentText = isJapanese && isDesktop ? labelCallback('sentiment').split('').join('\n') : labelCallback('sentiment').toUpperCase();
   const priceText = isJapanese && isDesktop ? labelCallback('price').split('').join('\n') : labelCallback('price').toUpperCase();
   const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;
   const priceEstimatedWidth = 10 * priceText.length * 0.65;
   const sentimentVerticalOffset = sentimentEstimatedWidth / 2;
   const priceVerticalOffset = priceEstimatedWidth / 2;
-  const topMargin = isDesktop ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP : CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;
-  const mainHeight = isDesktop ? CHART_CONFIG.MAIN_HEIGHT_DESKTOP : CHART_CONFIG.MAIN_HEIGHT_MOBILE;
+  const topMargin = isDesktop ? _constants.CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + _constants.CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP : _constants.CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + _constants.CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;
+  const mainHeight = isDesktop ? _constants.CHART_CONFIG.MAIN_HEIGHT_DESKTOP : _constants.CHART_CONFIG.MAIN_HEIGHT_MOBILE;
   return [{
     type: 'group',
     left: `${ySentimentLabelSize + 5}px'`,
@@ -154,7 +161,7 @@ export const getLabelsConfig = _ref => {
     type: 'text',
     z: 20,
     left: 'center',
-    top: isDesktop ? CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5 : CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,
+    top: isDesktop ? _constants.CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5 : _constants.CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,
     silent: true,
     style: {
       fontSize: isDesktop ? 12 : 11,
@@ -163,4 +170,5 @@ export const getLabelsConfig = _ref => {
     }
   }];
 };
+exports.getLabelsConfig = getLabelsConfig;
 //# sourceMappingURL=getLabelsConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getLabelsConfig.js","names":["colorPalette","Locale","chroma","CHART_CONFIG","getLabelsConfig","_ref","isDark","isDesktop","locale","labelCallback","isJapanese","ja","ySentimentLabelSize","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yMainLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","textColor","white","black","labelBackgroundColor","darkGray","backgroundColor","shadowColor","alpha","hex","sentimentText","split","join","toUpperCase","priceText","sentimentEstimatedWidth","length","priceEstimatedWidth","sentimentVerticalOffset","priceVerticalOffset","topMargin","TOP_LABEL_SPACE_DESKTOP","TOOLTIP_HEIGHT_DESKTOP","TOP_LABEL_SPACE_MOBILE","TOOLTIP_HEIGHT_MOBILE","mainHeight","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","type","left","top","silent","children","z","right","shape","width","height","style","fill","shadowBlur","shadowOffsetX","shadowOffsetY","fontSize","fontFamily","fontWeight","text","rotation","Math","PI"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface getLabelsConfigParams {\n  isDark: boolean;\n  isDesktop: boolean;\n  locale: string;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getLabelsConfig = ({\n  isDark,\n  isDesktop,\n  locale,\n  labelCallback,\n}: getLabelsConfigParams): GraphicComponentOption[] => {\n  const isJapanese = locale === Locale.ja;\n\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yMainLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const textColor = isDark ? colorPalette.white : colorPalette.black;\n  const labelBackgroundColor = isDark\n    ? colorPalette.darkGray\n    : colorPalette.white;\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();\n\n  const sentimentText =\n    isJapanese && isDesktop\n      ? labelCallback('sentiment').split('').join('\\n')\n      : labelCallback('sentiment').toUpperCase();\n  const priceText =\n    isJapanese && isDesktop\n      ? labelCallback('price').split('').join('\\n')\n      : labelCallback('price').toUpperCase();\n\n  // Estimate text width for centering rotated text\n  // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)\n  const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;\n  const priceEstimatedWidth = 10 * priceText.length * 0.65;\n  const sentimentVerticalOffset = sentimentEstimatedWidth / 2;\n  const priceVerticalOffset = priceEstimatedWidth / 2;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP\n    : CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;\n\n  const mainHeight = isDesktop\n    ? CHART_CONFIG.MAIN_HEIGHT_DESKTOP\n    : CHART_CONFIG.MAIN_HEIGHT_MOBILE;\n\n  return [\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('short'),\n          },\n        },\n      ],\n    },\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + mainHeight - 24 - 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('long'),\n          },\n        },\n      ],\n    },\n\n    {\n      type: 'text',\n      z: 30,\n      rotation: !isJapanese && isDesktop ? Math.PI / 2 : 0,\n      left: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: sentimentText,\n      },\n    },\n    {\n      type: 'text',\n      z: 30,\n      rotation: !isJapanese && isDesktop ? -Math.PI / 2 : 0,\n      right: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: priceText,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      right: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: yMainLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      left: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: ySentimentLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'text',\n      z: 20,\n      left: 'center',\n      top: isDesktop\n        ? CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5\n        : CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,\n      silent: true,\n      style: {\n        fontSize: isDesktop ? 12 : 11,\n        fill: textColor,\n        text: isDesktop\n          ? labelCallback('hover_chart_to_see_more_details')\n          : labelCallback('tap_chart_to_see_more_details'),\n      },\n    },\n  ];\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,2BAA2B;AACxD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAG9B,SAASC,YAAY,QAAQ,oBAAoB;AASjD,OAAO,MAAMC,eAAe,GAAGC,IAAA,IAKwB;EAAA,IALvB;IAC9BC,MAAM;IACNC,SAAS;IACTC,MAAM;IACNC;EACqB,CAAC,GAAAJ,IAAA;EACtB,MAAMK,UAAU,GAAGF,MAAM,KAAKP,MAAM,CAACU,EAAE;EAEvC,MAAMC,mBAAmB,GAAGL,SAAS,GACjCJ,YAAY,CAACU,8BAA8B,GAC3CV,YAAY,CAACW,6BAA6B;EAE9C,MAAMC,cAAc,GAAGR,SAAS,GAC5BJ,YAAY,CAACa,oBAAoB,GACjCb,YAAY,CAACc,mBAAmB;EAEpC,MAAMC,SAAS,GAAGZ,MAAM,GAAGN,YAAY,CAACmB,KAAK,GAAGnB,YAAY,CAACoB,KAAK;EAClE,MAAMC,oBAAoB,GAAGf,MAAM,GAC/BN,YAAY,CAACsB,QAAQ,GACrBtB,YAAY,CAACmB,KAAK;EACtB,MAAMI,eAAe,GAAGjB,MAAM,GAAGN,YAAY,CAACoB,KAAK,GAAGpB,YAAY,CAACmB,KAAK;EACxE,MAAMK,WAAW,GAAGtB,MAAM,CAACF,YAAY,CAACoB,KAAK,CAAC,CAACK,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC;EAE/D,MAAMC,aAAa,GACjBjB,UAAU,IAAIH,SAAS,GACnBE,aAAa,CAAC,WAAW,CAAC,CAACmB,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,GAC/CpB,aAAa,CAAC,WAAW,CAAC,CAACqB,WAAW,CAAC,CAAC;EAC9C,MAAMC,SAAS,GACbrB,UAAU,IAAIH,SAAS,GACnBE,aAAa,CAAC,OAAO,CAAC,CAACmB,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,GAC3CpB,aAAa,CAAC,OAAO,CAAC,CAACqB,WAAW,CAAC,CAAC;EAI1C,MAAME,uBAAuB,GAAG,EAAE,GAAGL,aAAa,CAACM,MAAM,GAAG,IAAI;EAChE,MAAMC,mBAAmB,GAAG,EAAE,GAAGH,SAAS,CAACE,MAAM,GAAG,IAAI;EACxD,MAAME,uBAAuB,GAAGH,uBAAuB,GAAG,CAAC;EAC3D,MAAMI,mBAAmB,GAAGF,mBAAmB,GAAG,CAAC;EAEnD,MAAMG,SAAS,GAAG9B,SAAS,GACvBJ,YAAY,CAACmC,uBAAuB,GAAGnC,YAAY,CAACoC,sBAAsB,GAC1EpC,YAAY,CAACqC,sBAAsB,GAAGrC,YAAY,CAACsC,qBAAqB;EAE5E,MAAMC,UAAU,GAAGnC,SAAS,GACxBJ,YAAY,CAACwC,mBAAmB,GAChCxC,YAAY,CAACyC,kBAAkB;EAEnC,OAAO,CACL;IACEC,IAAI,EAAE,OAAO;IACbC,IAAI,EAAE,GAAGlC,mBAAmB,GAAG,CAAC,KAAK;IACrCmC,GAAG,EAAE,GAAGV,SAAS,GAAG,CAAC,IAAI;IACzBW,MAAM,EAAE,IAAI;IACZC,QAAQ,EAAE,CACR;MACEJ,IAAI,EAAE,MAAM;MACZK,CAAC,EAAE,GAAG;MACNC,KAAK,EAAE,QAAQ;MACfJ,GAAG,EAAE,QAAQ;MACbK,KAAK,EAAE;QACLC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACV,CAAC;MACDC,KAAK,EAAE;QACLC,IAAI,EAAEnC,oBAAoB;QAC1BoC,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,aAAa,EAAE,CAAC;QAChBnC,WAAW,EAAEA;MACf;IACF,CAAC,EACD;MACEqB,IAAI,EAAE,MAAM;MACZK,CAAC,EAAE,GAAG;MACNC,KAAK,EAAE,QAAQ;MACfJ,GAAG,EAAE,QAAQ;MACbQ,KAAK,EAAE;QACLK,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,WAAW;QACvBC,UAAU,EAAE,GAAG;QACfN,IAAI,EAAEtC,SAAS;QACfmC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVS,IAAI,EAAEtD,aAAa,CAAC,OAAO;MAC7B;IACF,CAAC;EAEL,CAAC,EACD;IACEoC,IAAI,EAAE,OAAO;IACbC,IAAI,EAAE,GAAGlC,mBAAmB,GAAG,CAAC,KAAK;IACrCmC,GAAG,EAAE,GAAGV,SAAS,GAAGK,UAAU,GAAG,EAAE,GAAG,CAAC,IAAI;IAC3CM,MAAM,EAAE,IAAI;IACZC,QAAQ,EAAE,CACR;MACEJ,IAAI,EAAE,MAAM;MACZK,CAAC,EAAE,GAAG;MACNC,KAAK,EAAE,QAAQ;MACfJ,GAAG,EAAE,QAAQ;MACbK,KAAK,EAAE;QACLC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACV,CAAC;MACDC,KAAK,EAAE;QACLC,IAAI,EAAEnC,oBAAoB;QAC1BoC,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,aAAa,EAAE,CAAC;QAChBnC,WAAW,EAAEA;MACf;IACF,CAAC,EACD;MACEqB,IAAI,EAAE,MAAM;MACZK,CAAC,EAAE,GAAG;MACNC,KAAK,EAAE,QAAQ;MACfJ,GAAG,EAAE,QAAQ;MACbQ,KAAK,EAAE;QACLK,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,WAAW;QACvBC,UAAU,EAAE,GAAG;QACfN,IAAI,EAAEtC,SAAS;QACfmC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVS,IAAI,EAAEtD,aAAa,CAAC,MAAM;MAC5B;IACF,CAAC;EAEL,CAAC,EAED;IACEoC,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLc,QAAQ,EAAE,CAACtD,UAAU,IAAIH,SAAS,GAAG0D,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,CAAC;IACpDpB,IAAI,EAAE,KAAK;IACXC,GAAG,EAAExC,SAAS,GACV,GAAG8B,SAAS,GAAGK,UAAU,GAAG,CAAC,GAAGP,uBAAuB,IAAI,GAC3D,GAAGE,SAAS,GAAG,EAAE,IAAI;IACzBW,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLK,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAE,GAAG;MACfN,IAAI,EAAEtC,SAAS;MACf6C,IAAI,EAAEpC;IACR;EACF,CAAC,EACD;IACEkB,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLc,QAAQ,EAAE,CAACtD,UAAU,IAAIH,SAAS,GAAG,CAAC0D,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,CAAC;IACrDf,KAAK,EAAE,KAAK;IACZJ,GAAG,EAAExC,SAAS,GACV,GAAG8B,SAAS,GAAGK,UAAU,GAAG,CAAC,GAAGN,mBAAmB,IAAI,GACvD,GAAGC,SAAS,GAAG,EAAE,IAAI;IACzBW,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLK,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAE,GAAG;MACfN,IAAI,EAAEtC,SAAS;MACf6C,IAAI,EAAEhC;IACR;EACF,CAAC,EACD;IACEc,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLC,KAAK,EAAE,KAAK;IACZJ,GAAG,EAAE,GAAGV,SAAS,IAAI;IACrBe,KAAK,EAAE;MACLC,KAAK,EAAEtC,cAAc;MACrBuC,MAAM,EAAEZ;IACV,CAAC;IACDM,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLC,IAAI,EAAEjC;IACR;EACF,CAAC,EACD;IACEsB,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLJ,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE,GAAGV,SAAS,IAAI;IACrBe,KAAK,EAAE;MACLC,KAAK,EAAEzC,mBAAmB;MAC1B0C,MAAM,EAAEZ;IACV,CAAC;IACDM,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLC,IAAI,EAAEjC;IACR;EACF,CAAC,EACD;IACEsB,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLJ,IAAI,EAAE,QAAQ;IACdC,GAAG,EAAExC,SAAS,GACVJ,YAAY,CAACoC,sBAAsB,GAAG,CAAC,GAAG,CAAC,GAC3CpC,YAAY,CAACsC,qBAAqB,GAAG,CAAC,GAAG,CAAC;IAC9CO,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLK,QAAQ,EAAErD,SAAS,GAAG,EAAE,GAAG,EAAE;MAC7BiD,IAAI,EAAEtC,SAAS;MACf6C,IAAI,EAAExD,SAAS,GACXE,aAAa,CAAC,iCAAiC,CAAC,GAChDA,aAAa,CAAC,+BAA+B;IACnD;EACF,CAAC,CACF;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"getLabelsConfig.js","names":["_labsWidgetCommon","require","_monoI18n","_chromaJs","_interopRequireDefault","_constants","e","__esModule","default","getLabelsConfig","_ref","isDark","isDesktop","locale","labelCallback","isJapanese","Locale","ja","ySentimentLabelSize","CHART_CONFIG","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yMainLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","textColor","colorPalette","white","black","labelBackgroundColor","darkGray","backgroundColor","shadowColor","chroma","alpha","hex","sentimentText","split","join","toUpperCase","priceText","sentimentEstimatedWidth","length","priceEstimatedWidth","sentimentVerticalOffset","priceVerticalOffset","topMargin","TOP_LABEL_SPACE_DESKTOP","TOOLTIP_HEIGHT_DESKTOP","TOP_LABEL_SPACE_MOBILE","TOOLTIP_HEIGHT_MOBILE","mainHeight","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","type","left","top","silent","children","z","right","shape","width","height","style","fill","shadowBlur","shadowOffsetX","shadowOffsetY","fontSize","fontFamily","fontWeight","text","rotation","Math","PI","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface getLabelsConfigParams {\n  isDark: boolean;\n  isDesktop: boolean;\n  locale: string;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getLabelsConfig = ({\n  isDark,\n  isDesktop,\n  locale,\n  labelCallback,\n}: getLabelsConfigParams): GraphicComponentOption[] => {\n  const isJapanese = locale === Locale.ja;\n\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yMainLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const textColor = isDark ? colorPalette.white : colorPalette.black;\n  const labelBackgroundColor = isDark\n    ? colorPalette.darkGray\n    : colorPalette.white;\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();\n\n  const sentimentText =\n    isJapanese && isDesktop\n      ? labelCallback('sentiment').split('').join('\\n')\n      : labelCallback('sentiment').toUpperCase();\n  const priceText =\n    isJapanese && isDesktop\n      ? labelCallback('price').split('').join('\\n')\n      : labelCallback('price').toUpperCase();\n\n  // Estimate text width for centering rotated text\n  // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)\n  const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;\n  const priceEstimatedWidth = 10 * priceText.length * 0.65;\n  const sentimentVerticalOffset = sentimentEstimatedWidth / 2;\n  const priceVerticalOffset = priceEstimatedWidth / 2;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP\n    : CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;\n\n  const mainHeight = isDesktop\n    ? CHART_CONFIG.MAIN_HEIGHT_DESKTOP\n    : CHART_CONFIG.MAIN_HEIGHT_MOBILE;\n\n  return [\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('short'),\n          },\n        },\n      ],\n    },\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + mainHeight - 24 - 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('long'),\n          },\n        },\n      ],\n    },\n\n    {\n      type: 'text',\n      z: 30,\n      rotation: !isJapanese && isDesktop ? Math.PI / 2 : 0,\n      left: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: sentimentText,\n      },\n    },\n    {\n      type: 'text',\n      z: 30,\n      rotation: !isJapanese && isDesktop ? -Math.PI / 2 : 0,\n      right: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: priceText,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      right: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: yMainLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      left: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: ySentimentLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'text',\n      z: 20,\n      left: 'center',\n      top: isDesktop\n        ? CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5\n        : CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,\n      silent: true,\n      style: {\n        fontSize: isDesktop ? 12 : 11,\n        fill: textColor,\n        text: isDesktop\n          ? labelCallback('hover_chart_to_see_more_details')\n          : labelCallback('tap_chart_to_see_more_details'),\n      },\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,13 @@
-import { Locale } from '@oanda/mono-i18n';
-import chroma from 'chroma-js';
-export const getSeriesCandlestickConfig = _ref => {
+"use strict";
+
+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,
@@ -10,15 +17,15 @@ export const getSeriesCandlestickConfig = _ref => {
     candleLongColor,
     candleShortColor
   } = styles;
-  const isJapanese = locale === Locale.ja;
+  const isJapanese = locale === _monoI18n.Locale.ja;
   const itemStyle = isJapanese ? {
-    color: chroma(candleShortColor).desaturate().css(),
-    color0: chroma(candleLongColor).desaturate().css(),
+    color: (0, _chromaJs.default)(candleShortColor).desaturate().css(),
+    color0: (0, _chromaJs.default)(candleLongColor).desaturate().css(),
     borderColor: candleShortColor,
     borderColor0: candleLongColor
   } : {
-    color: chroma(candleLongColor).desaturate().css(),
-    color0: chroma(candleShortColor).desaturate().css(),
+    color: (0, _chromaJs.default)(candleLongColor).desaturate().css(),
+    color0: (0, _chromaJs.default)(candleShortColor).desaturate().css(),
     borderColor: candleLongColor,
     borderColor0: candleShortColor
   };
@@ -45,4 +52,5 @@ export const getSeriesCandlestickConfig = _ref => {
     z: 3
   };
 };
+exports.getSeriesCandlestickConfig = getSeriesCandlestickConfig;
 //# sourceMappingURL=getSeriesCandlestickConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getSeriesCandlestickConfig.js","names":["Locale","chroma","getSeriesCandlestickConfig","_ref","styles","isLoading","locale","candleLongColor","candleShortColor","isJapanese","ja","itemStyle","color","desaturate","css","color0","borderColor","borderColor0","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","emphasis","z"],"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: itemStyle.color,\n        color0: itemStyle.color0,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAW9B,OAAO,MAAMC,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,KAAKN,MAAM,CAACU,EAAE;EAEvC,MAAMC,SAAS,GAAGF,UAAU,GACxB;IACEG,KAAK,EAAEX,MAAM,CAACO,gBAAgB,CAAC,CAACK,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDC,MAAM,EAAEd,MAAM,CAACM,eAAe,CAAC,CAACM,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDE,WAAW,EAAER,gBAAgB;IAC7BS,YAAY,EAAEV;EAChB,CAAC,GACD;IACEK,KAAK,EAAEX,MAAM,CAACM,eAAe,CAAC,CAACM,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACjDC,MAAM,EAAEd,MAAM,CAACO,gBAAgB,CAAC,CAACK,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACnDE,WAAW,EAAET,eAAe;IAC5BU,YAAY,EAAET;EAChB,CAAC;EAEL,OAAO;IACLU,SAAS,EAAEb,SAAS;IACpBc,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;IACDjB,SAAS;IACTkB,QAAQ,EAAE;MACRlB,SAAS,EAAE;QACTC,KAAK,EAAED,SAAS,CAACC,KAAK;QACtBG,MAAM,EAAEJ,SAAS,CAACI;MACpB;IACF,CAAC;IACDe,CAAC,EAAE;EACL,CAAC;AACH,CAAC","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: itemStyle.color,\n        color0: itemStyle.color0,\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,EAAED,SAAS,CAACC,KAAK;QACtBI,MAAM,EAAEL,SAAS,CAACK;MACpB;IACF,CAAC;IACDe,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA/B,0BAAA,GAAAA,0BAAA","ignoreList":[]}

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

@@ -1,5 +1,11 @@
-import { getRectColor } from '../chartUtils';
-export const getSeriesHeatmapConfig = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSeriesHeatmapConfig = void 0;
+var _chartUtils = require("../chartUtils");
+const getSeriesHeatmapConfig = _ref => {
   let {
     bucketWidth,
     buckets,
@@ -48,7 +54,7 @@ export const getSeriesHeatmapConfig = _ref => {
             y: start[1] - rectHeight
           },
           style: {
-            fill: getRectColor(sentiment, isDark, sentimentThresholdMin, sentimentThresholdMax)
+            fill: (0, _chartUtils.getRectColor)(sentiment, isDark, sentimentThresholdMin, sentimentThresholdMax)
           },
           enterFrom: {
             shape: {},
@@ -73,4 +79,5 @@ export const getSeriesHeatmapConfig = _ref => {
     z: 1
   };
 };
+exports.getSeriesHeatmapConfig = getSeriesHeatmapConfig;
 //# sourceMappingURL=getSeriesHeatmapConfig.js.map

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

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

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

@@ -1,5 +1,11 @@
-import { colorPalette } from '@oanda/labs-widget-common';
-export const getSeriesSentimentConfig = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSeriesSentimentConfig = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+const getSeriesSentimentConfig = _ref => {
   let {
     styles,
     isLoading
@@ -37,7 +43,7 @@ export const getSeriesSentimentConfig = _ref => {
         show: false
       },
       lineStyle: {
-        color: colorPalette.grayLight,
+        color: _labsWidgetCommon.colorPalette.grayLight,
         width: 1
       },
       data: [{
@@ -58,4 +64,5 @@ export const getSeriesSentimentConfig = _ref => {
     silent: true
   };
 };
+exports.getSeriesSentimentConfig = getSeriesSentimentConfig;
 //# sourceMappingURL=getSeriesSentimentConfig.js.map

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

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

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

@@ -1,6 +1,12 @@
-import { Locale } from '@oanda/mono-i18n';
-import { getTooltipFormatter } from '../chartUtils';
-export const getTooltipConfig = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTooltipConfig = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
+var _chartUtils = require("../chartUtils");
+const getTooltipConfig = _ref => {
   let {
     bookType,
     bucketWidth,
@@ -27,7 +33,7 @@ export const getTooltipConfig = _ref => {
     },
     alwaysShowContent: true,
     trigger: 'axis',
-    formatter: params => getTooltipFormatter({
+    formatter: params => (0, _chartUtils.getTooltipFormatter)({
       bookType,
       bucketWidth,
       buckets,
@@ -39,7 +45,7 @@ export const getTooltipConfig = _ref => {
       isDesktop,
       locale,
       isDark,
-      isJapanese: locale === Locale.ja
+      isJapanese: locale === _monoI18n.Locale.ja
     }),
     hideDelay: 0,
     axisPointer: {
@@ -57,4 +63,5 @@ export const getTooltipConfig = _ref => {
     position: [0, 0]
   };
 };
+exports.getTooltipConfig = getTooltipConfig;
 //# sourceMappingURL=getTooltipConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getTooltipConfig.js","names":["Locale","getTooltipFormatter","getTooltipConfig","_ref","bookType","bucketWidth","buckets","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","isDesktop","isDark","locale","backgroundColor","shadowColor","extraCssText","padding","textStyle","fontSize","lineHeight","alwaysShowContent","trigger","formatter","params","selectedPrice","current","isJapanese","ja","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","z","confine","position"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getTooltipConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport type { TooltipComponentOption } from 'echarts';\n\nimport type { BookType } from '../../../../gql/types/graphql';\nimport { getTooltipFormatter } from '../chartUtils';\nimport type { Bucket, TooltipParam } from '../types';\n\ninterface GetTooltipConfigParams {\n  bookType: BookType;\n  bucketWidth: number;\n  buckets: Bucket[][];\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n  selectedPriceRef: { current: number };\n  tooltipLinesColor: string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  isDark: boolean;\n  locale: string;\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  isDark,\n  locale,\n}: GetTooltipConfigParams): TooltipComponentOption => ({\n  backgroundColor: 'transparent',\n  shadowColor: 'transparent',\n  extraCssText: 'width: 100%; z-index: 5;',\n  padding: 4,\n  textStyle: isDesktop\n    ? {\n        fontSize: 12,\n      }\n    : {\n        fontSize: 10,\n        lineHeight: 12,\n      },\n  alwaysShowContent: true,\n  trigger: 'axis' as const,\n  formatter: (params) =>\n    getTooltipFormatter({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      params: params as unknown as TooltipParam[],\n      selectedPrice: selectedPriceRef.current,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      locale,\n      isDark,\n      isJapanese: locale === Locale.ja,\n    }),\n  hideDelay: 0,\n  axisPointer: {\n    type: 'cross' as const,\n    axis: 'x' as const,\n    lineStyle: {\n      color: tooltipLinesColor,\n    },\n    crossStyle: {\n      color: tooltipLinesColor,\n    },\n    z: 30,\n  },\n  confine: true,\n  position: [0, 0],\n});\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AAIzC,SAASC,mBAAmB,QAAQ,eAAe;AAiBnD,OAAO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACdC,eAAe;IACfC,SAAS;IACTC,MAAM;IACNC;EACsB,CAAC,GAAAX,IAAA;EAAA,OAA8B;IACrDY,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,aAAa;IAC1BC,YAAY,EAAE,0BAA0B;IACxCC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAEP,SAAS,GAChB;MACEQ,QAAQ,EAAE;IACZ,CAAC,GACD;MACEA,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACLC,iBAAiB,EAAE,IAAI;IACvBC,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChBxB,mBAAmB,CAAC;MAClBG,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPC,aAAa;MACbkB,MAAM,EAAEA,MAAmC;MAC3CC,aAAa,EAAElB,gBAAgB,CAACmB,OAAO;MACvCjB,cAAc;MACdC,eAAe;MACfC,SAAS;MACTE,MAAM;MACND,MAAM;MACNe,UAAU,EAAEd,MAAM,KAAKd,MAAM,CAAC6B;IAChC,CAAC,CAAC;IACJC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAE1B;MACT,CAAC;MACD2B,UAAU,EAAE;QACVD,KAAK,EAAE1B;MACT,CAAC;MACD4B,CAAC,EAAE;IACL,CAAC;IACDC,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;EACjB,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"getTooltipConfig.js","names":["_monoI18n","require","_chartUtils","getTooltipConfig","_ref","bookType","bucketWidth","buckets","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","isDesktop","isDark","locale","backgroundColor","shadowColor","extraCssText","padding","textStyle","fontSize","lineHeight","alwaysShowContent","trigger","formatter","params","getTooltipFormatter","selectedPrice","current","isJapanese","Locale","ja","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","z","confine","position","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getTooltipConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport type { TooltipComponentOption } from 'echarts';\n\nimport type { BookType } from '../../../../gql/types/graphql';\nimport { getTooltipFormatter } from '../chartUtils';\nimport type { Bucket, TooltipParam } from '../types';\n\ninterface GetTooltipConfigParams {\n  bookType: BookType;\n  bucketWidth: number;\n  buckets: Bucket[][];\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n  selectedPriceRef: { current: number };\n  tooltipLinesColor: string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  isDark: boolean;\n  locale: string;\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  isDark,\n  locale,\n}: GetTooltipConfigParams): TooltipComponentOption => ({\n  backgroundColor: 'transparent',\n  shadowColor: 'transparent',\n  extraCssText: 'width: 100%; z-index: 5;',\n  padding: 4,\n  textStyle: isDesktop\n    ? {\n        fontSize: 12,\n      }\n    : {\n        fontSize: 10,\n        lineHeight: 12,\n      },\n  alwaysShowContent: true,\n  trigger: 'axis' as const,\n  formatter: (params) =>\n    getTooltipFormatter({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      params: params as unknown as TooltipParam[],\n      selectedPrice: selectedPriceRef.current,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      locale,\n      isDark,\n      isJapanese: locale === Locale.ja,\n    }),\n  hideDelay: 0,\n  axisPointer: {\n    type: 'cross' as const,\n    axis: 'x' as const,\n    lineStyle: {\n      color: tooltipLinesColor,\n    },\n    crossStyle: {\n      color: tooltipLinesColor,\n    },\n    z: 30,\n  },\n  confine: true,\n  position: [0, 0],\n});\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAiBO,MAAME,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACdC,eAAe;IACfC,SAAS;IACTC,MAAM;IACNC;EACsB,CAAC,GAAAX,IAAA;EAAA,OAA8B;IACrDY,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,aAAa;IAC1BC,YAAY,EAAE,0BAA0B;IACxCC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAEP,SAAS,GAChB;MACEQ,QAAQ,EAAE;IACZ,CAAC,GACD;MACEA,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACLC,iBAAiB,EAAE,IAAI;IACvBC,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChB,IAAAC,+BAAmB,EAAC;MAClBtB,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPC,aAAa;MACbkB,MAAM,EAAEA,MAAmC;MAC3CE,aAAa,EAAEnB,gBAAgB,CAACoB,OAAO;MACvClB,cAAc;MACdC,eAAe;MACfC,SAAS;MACTE,MAAM;MACND,MAAM;MACNgB,UAAU,EAAEf,MAAM,KAAKgB,gBAAM,CAACC;IAChC,CAAC,CAAC;IACJC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAE5B;MACT,CAAC;MACD6B,UAAU,EAAE;QACVD,KAAK,EAAE5B;MACT,CAAC;MACD8B,CAAC,EAAE;IACL,CAAC;IACDC,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;EACjB,CAAC;AAAA,CAAC;AAACC,OAAA,CAAAxC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -1,5 +1,11 @@
-import { CHART_CONFIG } from '../../../constants';
-export const getVisualMapConfig = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVisualMapConfig = void 0;
+var _constants = require("../../../constants");
+const getVisualMapConfig = _ref => {
   let {
     sentimentLongColor,
     sentimentShortColor
@@ -9,16 +15,17 @@ export const getVisualMapConfig = _ref => {
     dimension: 1,
     seriesId: 'sentiment',
     pieces: [{
-      lt: CHART_CONFIG.SENTIMENT_MAX / 2,
+      lt: _constants.CHART_CONFIG.SENTIMENT_MAX / 2,
       color: sentimentShortColor
     }, {
-      gte: CHART_CONFIG.SENTIMENT_MAX / 2,
-      lte: CHART_CONFIG.SENTIMENT_MAX,
+      gte: _constants.CHART_CONFIG.SENTIMENT_MAX / 2,
+      lte: _constants.CHART_CONFIG.SENTIMENT_MAX,
       color: sentimentLongColor
     }, {
-      gt: CHART_CONFIG.SENTIMENT_MAX,
+      gt: _constants.CHART_CONFIG.SENTIMENT_MAX,
       color: sentimentLongColor
     }]
   };
 };
+exports.getVisualMapConfig = getVisualMapConfig;
 //# sourceMappingURL=getVisualMapConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getVisualMapConfig.js","names":["CHART_CONFIG","getVisualMapConfig","_ref","sentimentLongColor","sentimentShortColor","show","dimension","seriesId","pieces","lt","SENTIMENT_MAX","color","gte","lte","gt"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getVisualMapConfig.ts"],"sourcesContent":["import type { VisualMapComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetVisualMapConfigParams {\n  sentimentLongColor: string;\n  sentimentShortColor: string;\n}\n\nexport const getVisualMapConfig = ({\n  sentimentLongColor,\n  sentimentShortColor,\n}: GetVisualMapConfigParams): VisualMapComponentOption => ({\n  show: false,\n  dimension: 1,\n  seriesId: 'sentiment',\n  pieces: [\n    {\n      lt: CHART_CONFIG.SENTIMENT_MAX / 2,\n      color: sentimentShortColor,\n    },\n    {\n      gte: CHART_CONFIG.SENTIMENT_MAX / 2,\n      lte: CHART_CONFIG.SENTIMENT_MAX,\n      color: sentimentLongColor,\n    },\n    {\n      gt: CHART_CONFIG.SENTIMENT_MAX,\n      color: sentimentLongColor,\n    },\n  ],\n});\n"],"mappings":"AAEA,SAASA,YAAY,QAAQ,oBAAoB;AAOjD,OAAO,MAAMC,kBAAkB,GAAGC,IAAA;EAAA,IAAC;IACjCC,kBAAkB;IAClBC;EACwB,CAAC,GAAAF,IAAA;EAAA,OAAgC;IACzDG,IAAI,EAAE,KAAK;IACXC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,WAAW;IACrBC,MAAM,EAAE,CACN;MACEC,EAAE,EAAET,YAAY,CAACU,aAAa,GAAG,CAAC;MAClCC,KAAK,EAAEP;IACT,CAAC,EACD;MACEQ,GAAG,EAAEZ,YAAY,CAACU,aAAa,GAAG,CAAC;MACnCG,GAAG,EAAEb,YAAY,CAACU,aAAa;MAC/BC,KAAK,EAAER;IACT,CAAC,EACD;MACEW,EAAE,EAAEd,YAAY,CAACU,aAAa;MAC9BC,KAAK,EAAER;IACT,CAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"getVisualMapConfig.js","names":["_constants","require","getVisualMapConfig","_ref","sentimentLongColor","sentimentShortColor","show","dimension","seriesId","pieces","lt","CHART_CONFIG","SENTIMENT_MAX","color","gte","lte","gt","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getVisualMapConfig.ts"],"sourcesContent":["import type { VisualMapComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetVisualMapConfigParams {\n  sentimentLongColor: string;\n  sentimentShortColor: string;\n}\n\nexport const getVisualMapConfig = ({\n  sentimentLongColor,\n  sentimentShortColor,\n}: GetVisualMapConfigParams): VisualMapComponentOption => ({\n  show: false,\n  dimension: 1,\n  seriesId: 'sentiment',\n  pieces: [\n    {\n      lt: CHART_CONFIG.SENTIMENT_MAX / 2,\n      color: sentimentShortColor,\n    },\n    {\n      gte: CHART_CONFIG.SENTIMENT_MAX / 2,\n      lte: CHART_CONFIG.SENTIMENT_MAX,\n      color: sentimentLongColor,\n    },\n    {\n      gt: CHART_CONFIG.SENTIMENT_MAX,\n      color: sentimentLongColor,\n    },\n  ],\n});\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAOO,MAAMC,kBAAkB,GAAGC,IAAA;EAAA,IAAC;IACjCC,kBAAkB;IAClBC;EACwB,CAAC,GAAAF,IAAA;EAAA,OAAgC;IACzDG,IAAI,EAAE,KAAK;IACXC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,WAAW;IACrBC,MAAM,EAAE,CACN;MACEC,EAAE,EAAEC,uBAAY,CAACC,aAAa,GAAG,CAAC;MAClCC,KAAK,EAAER;IACT,CAAC,EACD;MACES,GAAG,EAAEH,uBAAY,CAACC,aAAa,GAAG,CAAC;MACnCG,GAAG,EAAEJ,uBAAY,CAACC,aAAa;MAC/BC,KAAK,EAAET;IACT,CAAC,EACD;MACEY,EAAE,EAAEL,uBAAY,CAACC,aAAa;MAC9BC,KAAK,EAAET;IACT,CAAC;EAEL,CAAC;AAAA,CAAC;AAACa,OAAA,CAAAf,kBAAA,GAAAA,kBAAA","ignoreList":[]}