@oanda/labs-crowd-view-widget 1.0.52 → 1.0.54

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

@@ -21,7 +21,8 @@ const ChartWithData = _ref => {
   } = (0, _labsWidgetCommon.useLayoutProvider)();
   const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const {
-    data,
+    mainData,
+    additionalData,
     loading,
     error
   } = (0, _useCrowdViewData.useCrowdViewData)({
@@ -31,18 +32,19 @@ const ChartWithData = _ref => {
     granularity
   });
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
-    className: "lw-relative lw-h-[610px] lw-w-full"
+    className: "lw-relative lw-h-[440px] lw-w-full lw-overflow-hidden"
   }, error && _react.default.createElement("div", {
     className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary"
   }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), loading && _react.default.createElement("div", {
     className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary"
   }, _react.default.createElement(_labsWidgetCommon.Spinner, {
     size: _labsWidgetCommon.SpinnerSize.lg
-  })), !loading && !error && !!data && _react.default.createElement("div", {
+  })), !loading && !error && !!mainData && !!additionalData && _react.default.createElement("div", {
     className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full"
   }, _react.default.createElement(_Chart.Chart, {
-    data: data,
-    isDesktop: isDesktop
+    additionalData: additionalData,
+    isDesktop: isDesktop,
+    mainData: mainData
   }))));
 };
 exports.ChartWithData = ChartWithData;

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_Chart","_useCrowdViewData","e","__esModule","default","ChartWithData","_ref","instrument","bookType","division","granularity","size","useLayoutProvider","isDesktop","Size","DESKTOP","data","loading","error","useCrowdViewData","createElement","Fragment","className","ChartError","Spinner","SpinnerSize","lg","Chart","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/ChartWithData.tsx"],"sourcesContent":["import {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { Chart } from './Chart';\nimport type { ChartWithDataProps } from './types';\nimport { useCrowdViewData } from './useCrowdViewData';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const { data, loading, error } = useCrowdViewData({\n    instrument,\n    bookType,\n    division,\n    granularity,\n  });\n\n  return (\n    <>\n      <div className=\"lw-relative lw-h-[610px] lw-w-full\">\n        {error && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary\">\n            <ChartError />\n          </div>\n        )}\n        {loading && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary\">\n            <Spinner size={SpinnerSize.lg} />\n          </div>\n        )}\n        {!loading && !error && !!data && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n            <Chart data={data} isDesktop={isDesktop} />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;AAAsD,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAMG,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAG,IAAAC,kCAAgB,EAAC;IAChDZ,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,OACEZ,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAAAtB,MAAA,CAAAM,OAAA,CAAAiB,QAAA,QACEvB,MAAA,CAAAM,OAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAC;EAAoC,GAChDJ,KAAK,IACJpB,MAAA,CAAAM,OAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAC;EAAiJ,GAC9JxB,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACxB,iBAAA,CAAA2B,UAAU,MAAE,CACV,CACN,EACAN,OAAO,IACNnB,MAAA,CAAAM,OAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAC;EAAiJ,GAC9JxB,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACxB,iBAAA,CAAA4B,OAAO;IAACb,IAAI,EAAEc,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACT,OAAO,IAAI,CAACC,KAAK,IAAI,CAAC,CAACF,IAAI,IAC3BlB,MAAA,CAAAM,OAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAC;EAA4D,GACzExB,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACpB,MAAA,CAAA2B,KAAK;IAACX,IAAI,EAAEA,IAAK;IAACH,SAAS,EAAEA;EAAU,CAAE,CACvC,CAEJ,CACL,CAAC;AAEP,CAAC;AAACe,OAAA,CAAAvB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"ChartWithData.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_Chart","_useCrowdViewData","e","__esModule","default","ChartWithData","_ref","instrument","bookType","division","granularity","size","useLayoutProvider","isDesktop","Size","DESKTOP","mainData","additionalData","loading","error","useCrowdViewData","createElement","Fragment","className","ChartError","Spinner","SpinnerSize","lg","Chart","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/ChartWithData.tsx"],"sourcesContent":["import {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { Chart } from './Chart';\nimport type { ChartWithDataProps } from './types';\nimport { useCrowdViewData } from './useCrowdViewData';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const { mainData, additionalData, loading, error } = useCrowdViewData({\n    instrument,\n    bookType,\n    division,\n    granularity,\n  });\n\n  return (\n    <>\n      <div className=\"lw-relative lw-h-[440px] lw-w-full lw-overflow-hidden\">\n        {error && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary\">\n            <ChartError />\n          </div>\n        )}\n        {loading && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary\">\n            <Spinner size={SpinnerSize.lg} />\n          </div>\n        )}\n        {!loading && !error && !!mainData && !!additionalData && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n            <Chart\n              additionalData={additionalData}\n              isDesktop={isDesktop}\n              mainData={mainData}\n            />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;AAAsD,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAMG,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,MAAM;IAAEC,QAAQ;IAAEC,cAAc;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAG,IAAAC,kCAAgB,EAAC;IACpEb,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,OACEZ,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAAAvB,MAAA,CAAAM,OAAA,CAAAkB,QAAA,QACExB,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAC;EAAuD,GACnEJ,KAAK,IACJrB,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAC;EAAiJ,GAC9JzB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACzB,iBAAA,CAAA4B,UAAU,MAAE,CACV,CACN,EACAN,OAAO,IACNpB,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAC;EAAiJ,GAC9JzB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACzB,iBAAA,CAAA6B,OAAO;IAACd,IAAI,EAAEe,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACT,OAAO,IAAI,CAACC,KAAK,IAAI,CAAC,CAACH,QAAQ,IAAI,CAAC,CAACC,cAAc,IACnDnB,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAC;EAA4D,GACzEzB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACrB,MAAA,CAAA4B,KAAK;IACJX,cAAc,EAAEA,cAAe;IAC/BJ,SAAS,EAAEA,SAAU;IACrBG,QAAQ,EAAEA;EAAS,CACpB,CACE,CAEJ,CACL,CAAC;AAEP,CAAC;AAACa,OAAA,CAAAxB,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDataZoomConfig = void 0;
+var _constants = require("../../../constants");
+const getDataZoomConfig = () => ({
+  type: 'inside',
+  id: 'main',
+  xAxisIndex: [0, 1],
+  start: _constants.CHART_CONFIG.INITIAL_START_ZOOM,
+  end: _constants.CHART_CONFIG.INITIAL_END_ZOOM,
+  filterMode: 'filter',
+  minSpan: 10
+});
+exports.getDataZoomConfig = getDataZoomConfig;
+//# sourceMappingURL=getDataZoomConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getDataZoomConfig.js","names":["_constants","require","getDataZoomConfig","type","id","xAxisIndex","start","CHART_CONFIG","INITIAL_START_ZOOM","end","INITIAL_END_ZOOM","filterMode","minSpan","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getDataZoomConfig.ts"],"sourcesContent":["import type { DataZoomComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\nexport const getDataZoomConfig = (): DataZoomComponentOption => ({\n  type: 'inside',\n  id: 'main',\n  xAxisIndex: [0, 1],\n  start: CHART_CONFIG.INITIAL_START_ZOOM,\n  end: CHART_CONFIG.INITIAL_END_ZOOM,\n  filterMode: 'filter',\n  minSpan: 10,\n});\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,iBAAiB,GAAGA,CAAA,MAAgC;EAC/DC,IAAI,EAAE,QAAQ;EACdC,EAAE,EAAE,MAAM;EACVC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EAClBC,KAAK,EAAEC,uBAAY,CAACC,kBAAkB;EACtCC,GAAG,EAAEF,uBAAY,CAACG,gBAAgB;EAClCC,UAAU,EAAE,QAAQ;EACpBC,OAAO,EAAE;AACX,CAAC,CAAC;AAACC,OAAA,CAAAX,iBAAA,GAAAA,iBAAA","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGridConfig = void 0;
+var _constants = require("../../../constants");
+const getGridConfig = _ref => {
+  let {
+    isDesktop
+  } = _ref;
+  return [{
+    id: 'main-grid',
+    name: 'main-grid',
+    left: "".concat(_constants.CHART_CONFIG.Y_SENTIMENT_LABEL_SIZE, "px"),
+    right: "".concat(isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE, "px"),
+    top: '0px',
+    bottom: "".concat(_constants.CHART_CONFIG.X_LABEL_SIZE, "px"),
+    height: "".concat(_constants.CHART_CONFIG.MAIN_HEIGHT, "px")
+  }, {
+    id: 'sentiment-grid',
+    name: 'sentiment-grid',
+    left: "".concat(_constants.CHART_CONFIG.Y_SENTIMENT_LABEL_SIZE, "px"),
+    right: "".concat(isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE, "px"),
+    top: "0px",
+    height: "".concat(_constants.CHART_CONFIG.MAIN_HEIGHT, "px")
+  }];
+};
+exports.getGridConfig = getGridConfig;
+//# sourceMappingURL=getGridConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGridConfig.js","names":["_constants","require","getGridConfig","_ref","isDesktop","id","name","left","concat","CHART_CONFIG","Y_SENTIMENT_LABEL_SIZE","right","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","top","bottom","X_LABEL_SIZE","height","MAIN_HEIGHT","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  {\n    id: 'main-grid',\n    name: 'main-grid',\n    left: `${CHART_CONFIG.Y_SENTIMENT_LABEL_SIZE}px`,\n    right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n    top: '0px',\n    bottom: `${CHART_CONFIG.X_LABEL_SIZE}px`,\n    height: `${CHART_CONFIG.MAIN_HEIGHT}px`,\n  },\n  {\n    id: 'sentiment-grid',\n    name: 'sentiment-grid',\n    left: `${CHART_CONFIG.Y_SENTIMENT_LABEL_SIZE}px`,\n    right: `${isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE}px`,\n    top: `0px`,\n    height: `${CHART_CONFIG.MAIN_HEIGHT}px`,\n  },\n];\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAMO,MAAMC,aAAa,GAAGC,IAAA;EAAA,IAAC;IAC5BC;EACmB,CAAC,GAAAD,IAAA;EAAA,OAA4B,CAChD;IACEE,EAAE,EAAE,WAAW;IACfC,IAAI,EAAE,WAAW;IACjBC,IAAI,KAAAC,MAAA,CAAKC,uBAAY,CAACC,sBAAsB,OAAI;IAChDC,KAAK,KAAAH,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACG,oBAAoB,GAAGH,uBAAY,CAACI,mBAAmB,OAAI;IAC9FC,GAAG,EAAE,KAAK;IACVC,MAAM,KAAAP,MAAA,CAAKC,uBAAY,CAACO,YAAY,OAAI;IACxCC,MAAM,KAAAT,MAAA,CAAKC,uBAAY,CAACS,WAAW;EACrC,CAAC,EACD;IACEb,EAAE,EAAE,gBAAgB;IACpBC,IAAI,EAAE,gBAAgB;IACtBC,IAAI,KAAAC,MAAA,CAAKC,uBAAY,CAACC,sBAAsB,OAAI;IAChDC,KAAK,KAAAH,MAAA,CAAKJ,SAAS,GAAGK,uBAAY,CAACG,oBAAoB,GAAGH,uBAAY,CAACI,mBAAmB,OAAI;IAC9FC,GAAG,OAAO;IACVG,MAAM,KAAAT,MAAA,CAAKC,uBAAY,CAACS,WAAW;EACrC,CAAC,CACF;AAAA;AAACC,OAAA,CAAAjB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/{utils → chartOptions}/getGridLines.js

@@ -13,17 +13,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const getGridLines = _ref => {
   let {
-    isDark,
-    isDesktop
+    isDark
   } = _ref;
   const {
     WIDTH,
     MAIN_HEIGHT,
-    MARGIN_BETWEEN,
-    SENTIMENT_HEIGHT,
     X_LABEL_SIZE,
-    Y_LABEL_SIZE_DESKTOP,
-    Y_LABEL_SIZE_MOBILE
+    Y_SENTIMENT_LABEL_SIZE
   } = _constants.CHART_CONFIG;
   return [_objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
     top: -2,
@@ -42,7 +38,7 @@ const getGridLines = _ref => {
       y2: MAIN_HEIGHT + X_LABEL_SIZE + 2
     }
   }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-    top: MAIN_HEIGHT - 2,
+    bottom: -2,
     shape: {
       x1: 0,
       y1: 0,
@@ -58,7 +54,7 @@ const getGridLines = _ref => {
       y2: MAIN_HEIGHT + X_LABEL_SIZE + 2
     }
   }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-    right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 2,
+    left: Y_SENTIMENT_LABEL_SIZE - 2,
     top: -2,
     shape: {
       x1: 0,
@@ -67,56 +63,13 @@ const getGridLines = _ref => {
       y2: MAIN_HEIGHT
     }
   }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-    top: MAIN_HEIGHT + X_LABEL_SIZE,
-    shape: {
-      x1: 0,
-      y1: 0,
-      x2: WIDTH,
-      y2: 0
-    }
-  }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
-    shape: {
-      x1: 0,
-      y1: 0,
-      x2: WIDTH,
-      y2: 0
-    }
-  }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
-    right: -2,
-    shape: {
-      x1: 0,
-      y1: 0,
-      x2: 0,
-      y2: SENTIMENT_HEIGHT
-    }
-  }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN + SENTIMENT_HEIGHT - 3,
+    top: MAIN_HEIGHT - 2,
     shape: {
       x1: 0,
       y1: 0,
       x2: WIDTH,
       y2: 0
     }
-  }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
-    left: -2,
-    shape: {
-      x1: 0,
-      y1: 0,
-      x2: 0,
-      y2: SENTIMENT_HEIGHT
-    }
-  }), _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
-    right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 3,
-    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
-    shape: {
-      x1: 0,
-      y1: 0,
-      x2: 0,
-      y2: SENTIMENT_HEIGHT
-    }
   })];
 };
 exports.getGridLines = getGridLines;

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGridLines.js","names":["_labsWidgetCommon","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getGridLines","_ref","isDark","WIDTH","MAIN_HEIGHT","X_LABEL_SIZE","Y_SENTIMENT_LABEL_SIZE","CHART_CONFIG","getLineCommons","top","shape","x1","y1","x2","y2","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}\n\nexport const getGridLines = ({\n  isDark,\n}: GetGridLinesParams): GraphicComponentOption[] => {\n  const { WIDTH, MAIN_HEIGHT, X_LABEL_SIZE, Y_SENTIMENT_LABEL_SIZE } =\n    CHART_CONFIG;\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    },\n    // Right\n    {\n      ...getLineCommons(isDark),\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,\n      },\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    },\n    // Left\n    {\n      ...getLineCommons(isDark),\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,\n      },\n    },\n    // Y Sentiment Label\n    {\n      ...getLineCommons(isDark),\n      left: Y_SENTIMENT_LABEL_SIZE - 2,\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT,\n      },\n    },\n    // X Label\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSeriesCandlestickConfig = void 0;
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+var _chartUtils = require("../chartUtils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getSeriesCandlestickConfig = _ref => {
+  let {
+    dates,
+    isGreaterThanTwoWeeks,
+    styles
+  } = _ref;
+  const {
+    candleLongColor,
+    candleShortColor
+  } = styles;
+  const labelsData = (0, _chartUtils.getLabelData)({
+    dates,
+    isGreaterThanTwoWeeks
+  });
+  return {
+    type: 'candlestick',
+    id: 'candlestick',
+    xAxisIndex: 0,
+    yAxisIndex: 0,
+    encode: {
+      x: 'dates',
+      y: ['open', 'close', 'low', 'high']
+    },
+    itemStyle: {
+      color: (0, _chromaJs.default)(candleLongColor).desaturate().css(),
+      color0: (0, _chromaJs.default)(candleShortColor).desaturate().css(),
+      borderColor: candleLongColor,
+      borderColor0: candleShortColor
+    },
+    emphasis: {
+      itemStyle: {
+        color: candleLongColor,
+        color0: candleShortColor
+      }
+    },
+    markPoint: {
+      data: labelsData,
+      symbol: 'circle',
+      symbolSize: 0
+    },
+    z: 2
+  };
+};
+exports.getSeriesCandlestickConfig = getSeriesCandlestickConfig;
+//# sourceMappingURL=getSeriesCandlestickConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSeriesCandlestickConfig.js","names":["_chromaJs","_interopRequireDefault","require","_chartUtils","e","__esModule","default","getSeriesCandlestickConfig","_ref","dates","isGreaterThanTwoWeeks","styles","candleLongColor","candleShortColor","labelsData","getLabelData","type","id","xAxisIndex","yAxisIndex","encode","x","y","itemStyle","color","chroma","desaturate","css","color0","borderColor","borderColor0","emphasis","markPoint","data","symbol","symbolSize","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport { getLabelData } from '../chartUtils';\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  dates: string[];\n  isGreaterThanTwoWeeks: boolean;\n  styles: ChartStyles;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  dates,\n  isGreaterThanTwoWeeks,\n  styles,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n  const labelsData = getLabelData({\n    dates,\n    isGreaterThanTwoWeeks,\n  });\n\n  return {\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle: {\n      color: chroma(candleLongColor).desaturate().css(),\n      color0: chroma(candleShortColor).desaturate().css(),\n      borderColor: candleLongColor,\n      borderColor0: candleShortColor,\n    },\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    markPoint: {\n      data: labelsData,\n      symbol: 'circle',\n      symbolSize: 0,\n    },\n    z: 2,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAA6C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAStC,MAAMG,0BAA0B,GAAGC,IAAA,IAIuB;EAAA,IAJtB;IACzCC,KAAK;IACLC,qBAAqB;IACrBC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,eAAe;IAAEC;EAAiB,CAAC,GAAGF,MAAM;EACpD,MAAMG,UAAU,GAAG,IAAAC,wBAAY,EAAC;IAC9BN,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,OAAO;IACLM,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,IAAAC,iBAAM,EAACb,eAAe,CAAC,CAACc,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACjDC,MAAM,EAAE,IAAAH,iBAAM,EAACZ,gBAAgB,CAAC,CAACa,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACnDE,WAAW,EAAEjB,eAAe;MAC5BkB,YAAY,EAAEjB;IAChB,CAAC;IACDkB,QAAQ,EAAE;MACRR,SAAS,EAAE;QACTC,KAAK,EAAEZ,eAAe;QACtBgB,MAAM,EAAEf;MACV;IACF,CAAC;IACDmB,SAAS,EAAE;MACTC,IAAI,EAAEnB,UAAU;MAChBoB,MAAM,EAAE,QAAQ;MAChBC,UAAU,EAAE;IACd,CAAC;IACDC,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA9B,0BAAA,GAAAA,0BAAA","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSeriesHeatmapConfig = void 0;
+var _chartUtils = require("../chartUtils");
+const getSeriesHeatmapConfig = _ref => {
+  let {
+    bucketWidth,
+    buckets,
+    isDark,
+    sentimentThresholdMax,
+    sentimentThresholdMin
+  } = _ref;
+  return {
+    type: 'custom',
+    id: 'heatmap',
+    name: 'heatmap',
+    xAxisIndex: 0,
+    yAxisIndex: 0,
+    encode: {
+      x: 'dates',
+      y: 'bookPrices'
+    },
+    dimensions: ['dates', 'bookPrices', 'bookIndexes'],
+    clip: true,
+    renderItem: (_params, api) => {
+      const xVal = api.value(0);
+      const bucketIndex = api.value(2);
+      if (bucketIndex == null) {
+        return null;
+      }
+      const metaValues = buckets[bucketIndex];
+      const [rectWidth, rectHeight] = api.size([0, bucketWidth]);
+      const items = metaValues.map(_ref2 => {
+        let {
+          price,
+          sentiment
+        } = _ref2;
+        const start = api.coord([xVal, price]);
+        return {
+          shape: {
+            height: rectHeight,
+            width: rectWidth + 1,
+            x: start[0] - rectWidth / 2,
+            y: start[1] - rectHeight
+          },
+          style: {
+            fill: (0, _chartUtils.getRectColor)(sentiment, isDark, sentimentThresholdMin, sentimentThresholdMax)
+          },
+          type: 'rect'
+        };
+      });
+      return {
+        children: items,
+        emphasisDisabled: true,
+        type: 'group'
+      };
+    },
+    z: 1
+  };
+};
+exports.getSeriesHeatmapConfig = getSeriesHeatmapConfig;
+//# sourceMappingURL=getSeriesHeatmapConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSeriesHeatmapConfig.js","names":["_chartUtils","require","getSeriesHeatmapConfig","_ref","bucketWidth","buckets","isDark","sentimentThresholdMax","sentimentThresholdMin","type","id","name","xAxisIndex","yAxisIndex","encode","x","y","dimensions","clip","renderItem","_params","api","xVal","value","bucketIndex","metaValues","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","start","coord","shape","height","width","style","fill","getRectColor","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}\n\nexport const getSeriesHeatmapConfig = ({\n  bucketWidth,\n  buckets,\n  isDark,\n  sentimentThresholdMax,\n  sentimentThresholdMin,\n}: GetSeriesHeatmapConfigParams): CustomSeriesOption => {\n  return {\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 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      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          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          type: 'rect' as const,\n        };\n      });\n\n      return {\n        children: items,\n        emphasisDisabled: true,\n        type: 'group' as const,\n      };\n    },\n    z: 1,\n  };\n};\n"],"mappings":";;;;;;AAMA,IAAAA,WAAA,GAAAC,OAAA;AAWO,MAAMC,sBAAsB,GAAGC,IAAA,IAMkB;EAAA,IANjB;IACrCC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,qBAAqB;IACrBC;EAC4B,CAAC,GAAAL,IAAA;EAC7B,OAAO;IACLM,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,OAAqC,EACrCC,GAA8B,KAC3B;MACH,MAAMC,IAAI,GAAGD,GAAG,CAACE,KAAK,CAAC,CAAC,CAAC;MACzB,MAAMC,WAAW,GAAGH,GAAG,CAACE,KAAK,CAAC,CAAC,CAAW;MAE1C,IAAIC,WAAW,IAAI,IAAI,EAAE;QACvB,OAAO,IAAI;MACb;MAEA,MAAMC,UAAU,GAAGpB,OAAO,CAACmB,WAAW,CAAC;MAEvC,MAAM,CAACE,SAAS,EAAEC,UAAU,CAAC,GAAGN,GAAG,CAACO,IAAI,CAAE,CAAC,CAAC,EAAExB,WAAW,CAAC,CAAa;MAEvE,MAAMyB,KAAK,GAAGJ,UAAU,CAACK,GAAG,CAACC,KAAA,IAAkC;QAAA,IAAjC;UAAEC,KAAK;UAAEC;QAAkB,CAAC,GAAAF,KAAA;QACxD,MAAMG,KAAK,GAAGb,GAAG,CAACc,KAAK,CAAC,CAACb,IAAI,EAAEU,KAAK,CAAC,CAAC;QAEtC,OAAO;UACLI,KAAK,EAAE;YACLC,MAAM,EAAEV,UAAU;YAClBW,KAAK,EAAEZ,SAAS,GAAG,CAAC;YACpBX,CAAC,EAAEmB,KAAK,CAAC,CAAC,CAAC,GAAGR,SAAS,GAAG,CAAC;YAC3BV,CAAC,EAAEkB,KAAK,CAAC,CAAC,CAAC,GAAGP;UAChB,CAAC;UACDY,KAAK,EAAE;YACLC,IAAI,EAAE,IAAAC,wBAAY,EAChBR,SAAS,EACT3B,MAAM,EACNE,qBAAqB,EACrBD,qBACF;UACF,CAAC;UACDE,IAAI,EAAE;QACR,CAAC;MACH,CAAC,CAAC;MAEF,OAAO;QACLiC,QAAQ,EAAEb,KAAK;QACfc,gBAAgB,EAAE,IAAI;QACtBlC,IAAI,EAAE;MACR,CAAC;IACH,CAAC;IACDmC,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA3C,sBAAA,GAAAA,sBAAA","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSeriesSentimentConfig = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+const getSeriesSentimentConfig = _ref => {
+  let {
+    styles
+  } = _ref;
+  return {
+    type: 'line',
+    id: 'sentiment',
+    name: 'sentiment',
+    xAxisIndex: 1,
+    yAxisIndex: 1,
+    encode: {
+      x: 'dates',
+      y: 'sentimentShorts'
+    },
+    dimensions: ['dates', 'sentimentShorts', 'sentimentLongs'],
+    lineStyle: {
+      width: styles.sentimentOutlineWidth,
+      opacity: 1,
+      shadowColor: styles.sentimentOutlineColor,
+      shadowBlur: 3
+    },
+    emphasis: {
+      disabled: true
+    },
+    markLine: {
+      silent: true,
+      symbol: ['none', 'none'],
+      label: {
+        show: false
+      },
+      lineStyle: {
+        color: _labsWidgetCommon.colorPalette.grayLight,
+        width: 1
+      },
+      data: [{
+        yAxis: 20
+      }, {
+        yAxis: 50,
+        lineStyle: {
+          width: 1
+        }
+      }, {
+        yAxis: 80
+      }]
+    },
+    stack: 'sentiment',
+    showSymbol: false,
+    symbol: 'none',
+    z: 3
+  };
+};
+exports.getSeriesSentimentConfig = getSeriesSentimentConfig;
+//# sourceMappingURL=getSeriesSentimentConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSeriesSentimentConfig.js","names":["_labsWidgetCommon","require","getSeriesSentimentConfig","_ref","styles","type","id","name","xAxisIndex","yAxisIndex","encode","x","y","dimensions","lineStyle","width","sentimentOutlineWidth","opacity","shadowColor","sentimentOutlineColor","shadowBlur","emphasis","disabled","markLine","silent","symbol","label","show","color","colorPalette","grayLight","data","yAxis","stack","showSymbol","z","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}\n\nexport const getSeriesSentimentConfig = ({\n  styles,\n}: GetSeriesSentimentConfigParams): LineSeriesOption => {\n  return {\n    type: 'line',\n    id: 'sentiment',\n    name: 'sentiment',\n    xAxisIndex: 1,\n    yAxisIndex: 1,\n    encode: {\n      x: 'dates',\n      y: 'sentimentShorts',\n    },\n    dimensions: ['dates', 'sentimentShorts', 'sentimentLongs'],\n    lineStyle: {\n      width: styles.sentimentOutlineWidth,\n      opacity: 1,\n      shadowColor: styles.sentimentOutlineColor,\n      shadowBlur: 3,\n    },\n    emphasis: {\n      disabled: true,\n    },\n    markLine: {\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    stack: 'sentiment',\n    showSymbol: false,\n    symbol: 'none',\n    z: 3,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AASO,MAAMC,wBAAwB,GAAGC,IAAA,IAEgB;EAAA,IAFf;IACvCC;EAC8B,CAAC,GAAAD,IAAA;EAC/B,OAAO;IACLE,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,iBAAiB,EAAE,gBAAgB,CAAC;IAC1DC,SAAS,EAAE;MACTC,KAAK,EAAEX,MAAM,CAACY,qBAAqB;MACnCC,OAAO,EAAE,CAAC;MACVC,WAAW,EAAEd,MAAM,CAACe,qBAAqB;MACzCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACxBC,KAAK,EAAE;QACLC,IAAI,EAAE;MACR,CAAC;MACDb,SAAS,EAAE;QACTc,KAAK,EAAEC,8BAAY,CAACC,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,KAAK,EAAE,WAAW;IAClBC,UAAU,EAAE,KAAK;IACjBT,MAAM,EAAE,MAAM;IACdU,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAAlC,wBAAA,GAAAA,wBAAA","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTooltipConfig = void 0;
+var _chartUtils = require("../chartUtils");
+const getTooltipConfig = _ref => {
+  let {
+    bookType,
+    bucketWidth,
+    buckets,
+    displayPrecision,
+    labelCallback,
+    selectedPriceRef,
+    tooltipLinesColor
+  } = _ref;
+  return {
+    trigger: 'axis',
+    formatter: params => (0, _chartUtils.getTooltipFormatter)({
+      bookType,
+      bucketWidth,
+      buckets,
+      labelCallback,
+      params: params,
+      selectedPrice: selectedPriceRef.current
+    }),
+    axisPointer: {
+      type: 'cross',
+      axis: 'x',
+      lineStyle: {
+        color: tooltipLinesColor
+      },
+      crossStyle: {
+        color: tooltipLinesColor
+      },
+      label: {
+        padding: 0,
+        lineHeight: 24,
+        formatter: params => {
+          if (params.axisDimension === 'y' && params.axisIndex === 0) {
+            selectedPriceRef.current = Number(params.value);
+            return " ".concat(Number(params.value).toFixed(displayPrecision), " ");
+          }
+          return '';
+        }
+      }
+    },
+    confine: true
+  };
+};
+exports.getTooltipConfig = getTooltipConfig;
+//# sourceMappingURL=getTooltipConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTooltipConfig.js","names":["_chartUtils","require","getTooltipConfig","_ref","bookType","bucketWidth","buckets","displayPrecision","labelCallback","selectedPriceRef","tooltipLinesColor","trigger","formatter","params","getTooltipFormatter","selectedPrice","current","axisPointer","type","axis","lineStyle","color","crossStyle","label","padding","lineHeight","axisDimension","axisIndex","Number","value","concat","toFixed","confine","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getTooltipConfig.ts"],"sourcesContent":["import 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  displayPrecision: number;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n  selectedPriceRef: { current: number };\n  tooltipLinesColor: string;\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  displayPrecision,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\n}: GetTooltipConfigParams): TooltipComponentOption => ({\n  trigger: 'axis' as const,\n  formatter: (params) =>\n    getTooltipFormatter({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      params: params as unknown as TooltipParam[],\n      selectedPrice: selectedPriceRef.current,\n    }),\n\n  axisPointer: {\n    type: 'cross' as const,\n    axis: 'x' as const,\n    lineStyle: {\n      color: tooltipLinesColor,\n    },\n    crossStyle: {\n      color: tooltipLinesColor,\n    },\n    label: {\n      padding: 0,\n      lineHeight: 24,\n      formatter: (params: {\n        axisDimension?: string;\n        axisIndex?: number;\n        value: unknown;\n      }) => {\n        if (params.axisDimension === 'y' && params.axisIndex === 0) {\n          selectedPriceRef.current = Number(params.value);\n          return ` ${Number(params.value).toFixed(displayPrecision)} `;\n        }\n        return '';\n      },\n    },\n  },\n  confine: true,\n});\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAaO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,gBAAgB;IAChBC,aAAa;IACbC,gBAAgB;IAChBC;EACsB,CAAC,GAAAP,IAAA;EAAA,OAA8B;IACrDQ,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChB,IAAAC,+BAAmB,EAAC;MAClBV,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPE,aAAa;MACbK,MAAM,EAAEA,MAAmC;MAC3CE,aAAa,EAAEN,gBAAgB,CAACO;IAClC,CAAC,CAAC;IAEJC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAEX;MACT,CAAC;MACDY,UAAU,EAAE;QACVD,KAAK,EAAEX;MACT,CAAC;MACDa,KAAK,EAAE;QACLC,OAAO,EAAE,CAAC;QACVC,UAAU,EAAE,EAAE;QACdb,SAAS,EAAGC,MAIX,IAAK;UACJ,IAAIA,MAAM,CAACa,aAAa,KAAK,GAAG,IAAIb,MAAM,CAACc,SAAS,KAAK,CAAC,EAAE;YAC1DlB,gBAAgB,CAACO,OAAO,GAAGY,MAAM,CAACf,MAAM,CAACgB,KAAK,CAAC;YAC/C,WAAAC,MAAA,CAAWF,MAAM,CAACf,MAAM,CAACgB,KAAK,CAAC,CAACE,OAAO,CAACxB,gBAAgB,CAAC;UAC3D;UACA,OAAO,EAAE;QACX;MACF;IACF,CAAC;IACDyB,OAAO,EAAE;EACX,CAAC;AAAA,CAAC;AAACC,OAAA,CAAA/B,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"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":[]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getXAxisConfig = void 0;
+var _chartUtils = require("../chartUtils");
+const getXAxisConfig = _ref => {
+  let {
+    dates,
+    isGreaterThanTwoWeeks
+  } = _ref;
+  return [{
+    type: 'category',
+    id: 'main-xAxis',
+    name: 'xAxis-less-than-two-weeks',
+    nameTextStyle: {
+      fontSize: 0
+    },
+    axisTick: {
+      show: false
+    },
+    axisLabel: {
+      padding: [8, 16, 8, 16],
+      margin: 0,
+      formatter: value => (0, _chartUtils.formatXAxisLabel)(value, isGreaterThanTwoWeeks)
+    }
+  }, {
+    type: 'category',
+    gridIndex: 1,
+    show: false,
+    axisTick: {
+      show: false
+    },
+    axisLabel: {
+      show: false
+    },
+    data: dates
+  }];
+};
+exports.getXAxisConfig = getXAxisConfig;
+//# sourceMappingURL=getXAxisConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getXAxisConfig.js","names":["_chartUtils","require","getXAxisConfig","_ref","dates","isGreaterThanTwoWeeks","type","id","name","nameTextStyle","fontSize","axisTick","show","axisLabel","padding","margin","formatter","value","formatXAxisLabel","gridIndex","data","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getXAxisConfig.ts"],"sourcesContent":["import type { XAXisComponentOption } from 'echarts';\n\nimport { formatXAxisLabel } from '../chartUtils';\n\ninterface GetXAxisConfigParams {\n  dates: string[];\n  isGreaterThanTwoWeeks: boolean;\n}\n\nexport const getXAxisConfig = ({\n  dates,\n  isGreaterThanTwoWeeks,\n}: GetXAxisConfigParams): XAXisComponentOption[] => [\n  {\n    type: 'category',\n    id: 'main-xAxis',\n    name: 'xAxis-less-than-two-weeks',\n    nameTextStyle: {\n      fontSize: 0,\n    },\n    axisTick: {\n      show: false,\n    },\n    axisLabel: {\n      padding: [8, 16, 8, 16],\n      margin: 0,\n      formatter: (value: unknown) =>\n        formatXAxisLabel(value, isGreaterThanTwoWeeks),\n    },\n  },\n  {\n    type: 'category',\n    gridIndex: 1,\n    show: false,\n    axisTick: {\n      show: false,\n    },\n    axisLabel: {\n      show: false,\n    },\n    data: dates,\n  },\n];\n"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AAOO,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;IAC7BC,KAAK;IACLC;EACoB,CAAC,GAAAF,IAAA;EAAA,OAA6B,CAClD;IACEG,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAE,YAAY;IAChBC,IAAI,EAAE,2BAA2B;IACjCC,aAAa,EAAE;MACbC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;MACvBC,MAAM,EAAE,CAAC;MACTC,SAAS,EAAGC,KAAc,IACxB,IAAAC,4BAAgB,EAACD,KAAK,EAAEZ,qBAAqB;IACjD;EACF,CAAC,EACD;IACEC,IAAI,EAAE,UAAU;IAChBa,SAAS,EAAE,CAAC;IACZP,IAAI,EAAE,KAAK;IACXD,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTD,IAAI,EAAE;IACR,CAAC;IACDQ,IAAI,EAAEhB;EACR,CAAC,CACF;AAAA;AAACiB,OAAA,CAAAnB,cAAA,GAAAA,cAAA","ignoreList":[]}