@oanda/labs-crowd-view-widget 1.0.69 → 1.0.71

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

@@ -1,10 +1,17 @@
-import { ChartError, Size, Spinner, SpinnerSize, useLayoutProvider } from '@oanda/labs-widget-common';
-import React, { useEffect, useState } from 'react';
-import { useDebounceCallback } from 'usehooks-ts';
-import { CHART_CONFIG } from '../../constants';
-import { Chart } from './Chart';
-import { useCrowdViewData } from './useCrowdViewData';
-import { useResizeObserver } from './useResizeObserver';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartWithData = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireWildcard(require("react"));
+var _usehooksTs = require("usehooks-ts");
+var _constants = require("../../constants");
+var _Chart = require("./Chart");
+var _useCrowdViewData = require("./useCrowdViewData");
+var _useResizeObserver = require("./useResizeObserver");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ChartWithData = _ref => {
   let {
     instrument,
@@ -14,26 +21,26 @@ const ChartWithData = _ref => {
   } = _ref;
   const {
     size
-  } = useLayoutProvider();
-  const [debouncedLoading, setDebouncedLoading] = useState(true);
-  const [containerRef, isResizing] = useResizeObserver({
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const [debouncedLoading, setDebouncedLoading] = (0, _react.useState)(true);
+  const [containerRef, isResizing] = (0, _useResizeObserver.useResizeObserver)({
     debounceDelay: 150
   });
-  const isDesktop = size === Size.DESKTOP;
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const {
     mainData,
     additionalData,
     loading,
     priceCandlesLoading,
     error
-  } = useCrowdViewData({
+  } = (0, _useCrowdViewData.useCrowdViewData)({
     instrument,
     bookType,
     division,
     granularity
   });
-  const hideLoading = useDebounceCallback(() => setDebouncedLoading(false), 500);
-  useEffect(() => {
+  const hideLoading = (0, _usehooksTs.useDebounceCallback)(() => setDebouncedLoading(false), 500);
+  (0, _react.useEffect)(() => {
     if (loading === false) {
       hideLoading();
     }
@@ -43,27 +50,27 @@ const ChartWithData = _ref => {
   }, [loading, hideLoading]);
   const showChart = !priceCandlesLoading && !error && !!mainData && !!additionalData && !isResizing;
   const showLoader = loading || isResizing;
-  const chartHeight = isDesktop ? CHART_CONFIG.HEIGHT_DESKTOP : CHART_CONFIG.HEIGHT_MOBILE;
-  return React.createElement(React.Fragment, null, React.createElement("div", {
+  const chartHeight = isDesktop ? _constants.CHART_CONFIG.HEIGHT_DESKTOP : _constants.CHART_CONFIG.HEIGHT_MOBILE;
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
     ref: containerRef,
     className: "lw-relative lw-w-full lw-overflow-hidden",
     style: {
       height: chartHeight
     }
-  }, error && React.createElement("div", {
+  }, 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.createElement(ChartError, null)), showChart && React.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), showChart && _react.default.createElement("div", {
     className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full"
-  }, React.createElement(Chart, {
+  }, _react.default.createElement(_Chart.Chart, {
     additionalData: additionalData,
     isDesktop: isDesktop,
     isLoading: debouncedLoading,
     mainData: mainData
-  })), showLoader && React.createElement("div", {
+  })), showLoader && _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 lw-bg-bg-transparent-50"
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
   }))));
 };
-export { ChartWithData };
+exports.ChartWithData = ChartWithData;
 //# sourceMappingURL=ChartWithData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["ChartError","Size","Spinner","SpinnerSize","useLayoutProvider","React","useEffect","useState","useDebounceCallback","CHART_CONFIG","Chart","useCrowdViewData","useResizeObserver","ChartWithData","_ref","instrument","bookType","division","granularity","size","debouncedLoading","setDebouncedLoading","containerRef","isResizing","debounceDelay","isDesktop","DESKTOP","mainData","additionalData","loading","priceCandlesLoading","error","hideLoading","showChart","showLoader","chartHeight","HEIGHT_DESKTOP","HEIGHT_MOBILE","createElement","Fragment","ref","className","style","height","isLoading","lg"],"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, { useEffect, useState } from 'react';\nimport { useDebounceCallback } from 'usehooks-ts';\n\nimport { CHART_CONFIG } from '../../constants';\nimport { Chart } from './Chart';\nimport type { ChartWithDataProps } from './types';\nimport { useCrowdViewData } from './useCrowdViewData';\nimport { useResizeObserver } from './useResizeObserver';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const [debouncedLoading, setDebouncedLoading] = useState(true);\n  const [containerRef, isResizing] = useResizeObserver({ debounceDelay: 150 });\n  const isDesktop = size === Size.DESKTOP;\n\n  const { mainData, additionalData, loading, priceCandlesLoading, error } =\n    useCrowdViewData({\n      instrument,\n      bookType,\n      division,\n      granularity,\n    });\n\n  const hideLoading = useDebounceCallback(\n    () => setDebouncedLoading(false),\n    500\n  );\n\n  useEffect(() => {\n    if (loading === false) {\n      hideLoading();\n    }\n    if (loading === true) {\n      setDebouncedLoading(true);\n    }\n  }, [loading, hideLoading]);\n\n  const showChart =\n    !priceCandlesLoading &&\n    !error &&\n    !!mainData &&\n    !!additionalData &&\n    !isResizing;\n  const showLoader = loading || isResizing;\n\n  const chartHeight = isDesktop\n    ? CHART_CONFIG.HEIGHT_DESKTOP\n    : CHART_CONFIG.HEIGHT_MOBILE;\n\n  return (\n    <>\n      <div\n        ref={containerRef}\n        className=\"lw-relative lw-w-full lw-overflow-hidden\"\n        style={{ height: chartHeight }}\n      >\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        {showChart && (\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              isLoading={debouncedLoading}\n              mainData={mainData}\n            />\n          </div>\n        )}\n        {showLoader && (\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 lw-bg-bg-transparent-50\">\n            <Spinner size={SpinnerSize.lg} />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,SACEA,UAAU,EACVC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,iBAAiB,QACZ,2BAA2B;AAClC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,mBAAmB,QAAQ,aAAa;AAEjD,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EACpC,MAAM,CAACgB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EAC9D,MAAM,CAACe,YAAY,EAAEC,UAAU,CAAC,GAAGX,iBAAiB,CAAC;IAAEY,aAAa,EAAE;EAAI,CAAC,CAAC;EAC5E,MAAMC,SAAS,GAAGN,IAAI,KAAKlB,IAAI,CAACyB,OAAO;EAEvC,MAAM;IAAEC,QAAQ;IAAEC,cAAc;IAAEC,OAAO;IAAEC,mBAAmB;IAAEC;EAAM,CAAC,GACrEpB,gBAAgB,CAAC;IACfI,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEJ,MAAMc,WAAW,GAAGxB,mBAAmB,CACrC,MAAMa,mBAAmB,CAAC,KAAK,CAAC,EAChC,GACF,CAAC;EAEDf,SAAS,CAAC,MAAM;IACd,IAAIuB,OAAO,KAAK,KAAK,EAAE;MACrBG,WAAW,CAAC,CAAC;IACf;IACA,IAAIH,OAAO,KAAK,IAAI,EAAE;MACpBR,mBAAmB,CAAC,IAAI,CAAC;IAC3B;EACF,CAAC,EAAE,CAACQ,OAAO,EAAEG,WAAW,CAAC,CAAC;EAE1B,MAAMC,SAAS,GACb,CAACH,mBAAmB,IACpB,CAACC,KAAK,IACN,CAAC,CAACJ,QAAQ,IACV,CAAC,CAACC,cAAc,IAChB,CAACL,UAAU;EACb,MAAMW,UAAU,GAAGL,OAAO,IAAIN,UAAU;EAExC,MAAMY,WAAW,GAAGV,SAAS,GACzBhB,YAAY,CAAC2B,cAAc,GAC3B3B,YAAY,CAAC4B,aAAa;EAE9B,OACEhC,KAAA,CAAAiC,aAAA,CAAAjC,KAAA,CAAAkC,QAAA,QACElC,KAAA,CAAAiC,aAAA;IACEE,GAAG,EAAElB,YAAa;IAClBmB,SAAS,EAAC,0CAA0C;IACpDC,KAAK,EAAE;MAAEC,MAAM,EAAER;IAAY;EAAE,GAE9BJ,KAAK,IACJ1B,KAAA,CAAAiC,aAAA;IAAKG,SAAS,EAAC;EAAiJ,GAC9JpC,KAAA,CAAAiC,aAAA,CAACtC,UAAU,MAAE,CACV,CACN,EACAiC,SAAS,IACR5B,KAAA,CAAAiC,aAAA;IAAKG,SAAS,EAAC;EAA4D,GACzEpC,KAAA,CAAAiC,aAAA,CAAC5B,KAAK;IACJkB,cAAc,EAAEA,cAAe;IAC/BH,SAAS,EAAEA,SAAU;IACrBmB,SAAS,EAAExB,gBAAiB;IAC5BO,QAAQ,EAAEA;EAAS,CACpB,CACE,CACN,EACAO,UAAU,IACT7B,KAAA,CAAAiC,aAAA;IAAKG,SAAS,EAAC;EAAyK,GACtLpC,KAAA,CAAAiC,aAAA,CAACpC,OAAO;IAACiB,IAAI,EAAEhB,WAAW,CAAC0C;EAAG,CAAE,CAC7B,CAEJ,CACL,CAAC;AAEP,CAAC;AAED,SAAShC,aAAa","ignoreList":[]}
+{"version":3,"file":"ChartWithData.js","names":["_labsWidgetCommon","require","_react","_interopRequireWildcard","_usehooksTs","_constants","_Chart","_useCrowdViewData","_useResizeObserver","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChartWithData","_ref","instrument","bookType","division","granularity","size","useLayoutProvider","debouncedLoading","setDebouncedLoading","useState","containerRef","isResizing","useResizeObserver","debounceDelay","isDesktop","Size","DESKTOP","mainData","additionalData","loading","priceCandlesLoading","error","useCrowdViewData","hideLoading","useDebounceCallback","useEffect","showChart","showLoader","chartHeight","CHART_CONFIG","HEIGHT_DESKTOP","HEIGHT_MOBILE","createElement","Fragment","ref","className","style","height","ChartError","Chart","isLoading","Spinner","SpinnerSize","lg","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, { useEffect, useState } from 'react';\nimport { useDebounceCallback } from 'usehooks-ts';\n\nimport { CHART_CONFIG } from '../../constants';\nimport { Chart } from './Chart';\nimport type { ChartWithDataProps } from './types';\nimport { useCrowdViewData } from './useCrowdViewData';\nimport { useResizeObserver } from './useResizeObserver';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const [debouncedLoading, setDebouncedLoading] = useState(true);\n  const [containerRef, isResizing] = useResizeObserver({ debounceDelay: 150 });\n  const isDesktop = size === Size.DESKTOP;\n\n  const { mainData, additionalData, loading, priceCandlesLoading, error } =\n    useCrowdViewData({\n      instrument,\n      bookType,\n      division,\n      granularity,\n    });\n\n  const hideLoading = useDebounceCallback(\n    () => setDebouncedLoading(false),\n    500\n  );\n\n  useEffect(() => {\n    if (loading === false) {\n      hideLoading();\n    }\n    if (loading === true) {\n      setDebouncedLoading(true);\n    }\n  }, [loading, hideLoading]);\n\n  const showChart =\n    !priceCandlesLoading &&\n    !error &&\n    !!mainData &&\n    !!additionalData &&\n    !isResizing;\n  const showLoader = loading || isResizing;\n\n  const chartHeight = isDesktop\n    ? CHART_CONFIG.HEIGHT_DESKTOP\n    : CHART_CONFIG.HEIGHT_MOBILE;\n\n  return (\n    <>\n      <div\n        ref={containerRef}\n        className=\"lw-relative lw-w-full lw-overflow-hidden\"\n        style={{ height: chartHeight }}\n      >\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        {showChart && (\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              isLoading={debouncedLoading}\n              mainData={mainData}\n            />\n          </div>\n        )}\n        {showLoader && (\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 lw-bg-bg-transparent-50\">\n            <Spinner size={SpinnerSize.lg} />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AAAwD,SAAAE,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExD,MAAMkB,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,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAC9D,MAAM,CAACC,YAAY,EAAEC,UAAU,CAAC,GAAG,IAAAC,oCAAiB,EAAC;IAAEC,aAAa,EAAE;EAAI,CAAC,CAAC;EAC5E,MAAMC,SAAS,GAAGT,IAAI,KAAKU,sBAAI,CAACC,OAAO;EAEvC,MAAM;IAAEC,QAAQ;IAAEC,cAAc;IAAEC,OAAO;IAAEC,mBAAmB;IAAEC;EAAM,CAAC,GACrE,IAAAC,kCAAgB,EAAC;IACfrB,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEJ,MAAMmB,WAAW,GAAG,IAAAC,+BAAmB,EACrC,MAAMhB,mBAAmB,CAAC,KAAK,CAAC,EAChC,GACF,CAAC;EAED,IAAAiB,gBAAS,EAAC,MAAM;IACd,IAAIN,OAAO,KAAK,KAAK,EAAE;MACrBI,WAAW,CAAC,CAAC;IACf;IACA,IAAIJ,OAAO,KAAK,IAAI,EAAE;MACpBX,mBAAmB,CAAC,IAAI,CAAC;IAC3B;EACF,CAAC,EAAE,CAACW,OAAO,EAAEI,WAAW,CAAC,CAAC;EAE1B,MAAMG,SAAS,GACb,CAACN,mBAAmB,IACpB,CAACC,KAAK,IACN,CAAC,CAACJ,QAAQ,IACV,CAAC,CAACC,cAAc,IAChB,CAACP,UAAU;EACb,MAAMgB,UAAU,GAAGR,OAAO,IAAIR,UAAU;EAExC,MAAMiB,WAAW,GAAGd,SAAS,GACzBe,uBAAY,CAACC,cAAc,GAC3BD,uBAAY,CAACE,aAAa;EAE9B,OACE1D,MAAA,CAAAiB,OAAA,CAAA0C,aAAA,CAAA3D,MAAA,CAAAiB,OAAA,CAAA2C,QAAA,QACE5D,MAAA,CAAAiB,OAAA,CAAA0C,aAAA;IACEE,GAAG,EAAExB,YAAa;IAClByB,SAAS,EAAC,0CAA0C;IACpDC,KAAK,EAAE;MAAEC,MAAM,EAAET;IAAY;EAAE,GAE9BP,KAAK,IACJhD,MAAA,CAAAiB,OAAA,CAAA0C,aAAA;IAAKG,SAAS,EAAC;EAAiJ,GAC9J9D,MAAA,CAAAiB,OAAA,CAAA0C,aAAA,CAAC7D,iBAAA,CAAAmE,UAAU,MAAE,CACV,CACN,EACAZ,SAAS,IACRrD,MAAA,CAAAiB,OAAA,CAAA0C,aAAA;IAAKG,SAAS,EAAC;EAA4D,GACzE9D,MAAA,CAAAiB,OAAA,CAAA0C,aAAA,CAACvD,MAAA,CAAA8D,KAAK;IACJrB,cAAc,EAAEA,cAAe;IAC/BJ,SAAS,EAAEA,SAAU;IACrB0B,SAAS,EAAEjC,gBAAiB;IAC5BU,QAAQ,EAAEA;EAAS,CACpB,CACE,CACN,EACAU,UAAU,IACTtD,MAAA,CAAAiB,OAAA,CAAA0C,aAAA;IAAKG,SAAS,EAAC;EAAyK,GACtL9D,MAAA,CAAAiB,OAAA,CAAA0C,aAAA,CAAC7D,iBAAA,CAAAsE,OAAO;IAACpC,IAAI,EAAEqC,6BAAW,CAACC;EAAG,CAAE,CAC7B,CAEJ,CACL,CAAC;AAEP,CAAC;AAACC,OAAA,CAAA7C,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -1,5 +1,11 @@
-import { CHART_CONFIG } from '../../../constants';
-export const getDataZoomConfig = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDataZoomConfig = void 0;
+var _constants = require("../../../constants");
+const getDataZoomConfig = _ref => {
   let {
     isDesktop
   } = _ref;
@@ -7,11 +13,12 @@ export const getDataZoomConfig = _ref => {
     type: 'inside',
     id: 'main',
     xAxisIndex: [0, 1],
-    start: isDesktop ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE,
-    end: CHART_CONFIG.INITIAL_END_ZOOM,
+    start: isDesktop ? _constants.CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP : _constants.CHART_CONFIG.INITIAL_START_ZOOM_MOBILE,
+    end: _constants.CHART_CONFIG.INITIAL_END_ZOOM,
     filterMode: 'filter',
     minSpan: 10,
     preventDefaultMouseMove: true
   };
 };
+exports.getDataZoomConfig = getDataZoomConfig;
 //# sourceMappingURL=getDataZoomConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getDataZoomConfig.js","names":["CHART_CONFIG","getDataZoomConfig","_ref","isDesktop","type","id","xAxisIndex","start","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","end","INITIAL_END_ZOOM","filterMode","minSpan","preventDefaultMouseMove"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getDataZoomConfig.ts"],"sourcesContent":["import type { DataZoomComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetDataZoomConfigParams {\n  isDesktop: boolean;\n}\n\nexport const getDataZoomConfig = ({\n  isDesktop,\n}: GetDataZoomConfigParams): DataZoomComponentOption => ({\n  type: 'inside',\n  id: 'main',\n  xAxisIndex: [0, 1],\n  start: isDesktop\n    ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP\n    : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE,\n  end: CHART_CONFIG.INITIAL_END_ZOOM,\n  filterMode: 'filter',\n  minSpan: 10,\n  preventDefaultMouseMove: true,\n});\n"],"mappings":"AAEA,SAASA,YAAY,QAAQ,oBAAoB;AAMjD,OAAO,MAAMC,iBAAiB,GAAGC,IAAA;EAAA,IAAC;IAChCC;EACuB,CAAC,GAAAD,IAAA;EAAA,OAA+B;IACvDE,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,MAAM;IACVC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,KAAK,EAAEJ,SAAS,GACZH,YAAY,CAACQ,0BAA0B,GACvCR,YAAY,CAACS,yBAAyB;IAC1CC,GAAG,EAAEV,YAAY,CAACW,gBAAgB;IAClCC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,EAAE;IACXC,uBAAuB,EAAE;EAC3B,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"getDataZoomConfig.js","names":["_constants","require","getDataZoomConfig","_ref","isDesktop","type","id","xAxisIndex","start","CHART_CONFIG","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","end","INITIAL_END_ZOOM","filterMode","minSpan","preventDefaultMouseMove","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getDataZoomConfig.ts"],"sourcesContent":["import type { DataZoomComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface GetDataZoomConfigParams {\n  isDesktop: boolean;\n}\n\nexport const getDataZoomConfig = ({\n  isDesktop,\n}: GetDataZoomConfigParams): DataZoomComponentOption => ({\n  type: 'inside',\n  id: 'main',\n  xAxisIndex: [0, 1],\n  start: isDesktop\n    ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP\n    : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE,\n  end: CHART_CONFIG.INITIAL_END_ZOOM,\n  filterMode: 'filter',\n  minSpan: 10,\n  preventDefaultMouseMove: true,\n});\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAMO,MAAMC,iBAAiB,GAAGC,IAAA;EAAA,IAAC;IAChCC;EACuB,CAAC,GAAAD,IAAA;EAAA,OAA+B;IACvDE,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,MAAM;IACVC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,KAAK,EAAEJ,SAAS,GACZK,uBAAY,CAACC,0BAA0B,GACvCD,uBAAY,CAACE,yBAAyB;IAC1CC,GAAG,EAAEH,uBAAY,CAACI,gBAAgB;IAClCC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,EAAE;IACXC,uBAAuB,EAAE;EAC3B,CAAC;AAAA,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA","ignoreList":[]}

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

@@ -1,5 +1,11 @@
-import { CHART_CONFIG } from '../../../constants';
-export const getGridConfig = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGridConfig = void 0;
+var _constants = require("../../../constants");
+const getGridConfig = _ref => {
   let {
     isDesktop
   } = _ref;
@@ -14,7 +20,7 @@ export const getGridConfig = _ref => {
     MAIN_HEIGHT_MOBILE,
     TOOLTIP_HEIGHT_MOBILE,
     TOOLTIP_HEIGHT_DESKTOP
-  } = CHART_CONFIG;
+  } = _constants.CHART_CONFIG;
   const mainHeight = isDesktop ? MAIN_HEIGHT_DESKTOP : MAIN_HEIGHT_MOBILE;
   const position = {
     left: `${isDesktop ? Y_SENTIMENT_LABEL_DESKTOP_SIZE : Y_SENTIMENT_LABEL_MOBILE_SIZE}px`,
@@ -32,4 +38,5 @@ export const getGridConfig = _ref => {
     ...position
   }];
 };
+exports.getGridConfig = getGridConfig;
 //# sourceMappingURL=getGridConfig.js.map

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":"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","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