@oanda/labs-correlation-widget 1.0.167 → 1.0.169

package/dist/module/CorrelationWidget/CorrelationWidget.js

@@ -1,8 +1,15 @@
-import { ApolloClient, InMemoryCache } from '@apollo/client';
-import { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';
-import React from 'react';
-import { translations } from '../translations';
-import { Main } from './Main';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CorrelationWidget = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+var _translations = require("../translations");
+var _Main = require("./Main");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CorrelationWidget = _ref => {
   let {
     graphqlUrl,
@@ -15,25 +22,25 @@ const CorrelationWidget = _ref => {
     heatmapTimeUnits,
     logoLink
   } = _ref;
-  const client = new ApolloClient({
+  const client = new _client.ApolloClient({
     uri: graphqlUrl,
-    cache: new InMemoryCache()
+    cache: new _client.InMemoryCache()
   });
-  return React.createElement(WidgetProvider, {
+  return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
     client: client,
     locale: locale,
     theme: theme,
-    translations: translations
-  }, React.createElement(WidgetWrapper, {
+    translations: _translations.translations
+  }, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
     isParamError: isParamError,
     linkArea: "logo",
     logoLink: logoLink
-  }, React.createElement(Main, {
+  }, _react.default.createElement(_Main.Main, {
     division: division,
     heatmapTimeUnits: heatmapTimeUnits,
     instruments: instruments,
     sort: sort
   })));
 };
-export { CorrelationWidget };
+exports.CorrelationWidget = CorrelationWidget;
 //# sourceMappingURL=CorrelationWidget.js.map

package/dist/module/CorrelationWidget/CorrelationWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CorrelationWidget.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","translations","Main","CorrelationWidget","_ref","graphqlUrl","locale","division","theme","isParamError","instruments","sort","heatmapTimeUnits","logoLink","client","uri","cache","createElement","linkArea"],"sources":["../../../src/CorrelationWidget/CorrelationWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport type { CorrelationConfig } from './types';\n\nconst CorrelationWidget = ({\n  graphqlUrl,\n  locale,\n  division,\n  theme,\n  isParamError,\n  instruments,\n  sort,\n  heatmapTimeUnits,\n  logoLink,\n}: CorrelationConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <WidgetProvider\n      client={client}\n      locale={locale}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <Main\n          division={division}\n          heatmapTimeUnits={heatmapTimeUnits}\n          instruments={instruments}\n          sort={sort}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { CorrelationWidget };\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AACzE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,IAAI,QAAQ,QAAQ;AAG7B,MAAMC,iBAAiB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACzBC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,WAAW;IACXC,IAAI;IACJC,gBAAgB;IAChBC;EACiB,CAAC,GAAAT,IAAA;EAClB,MAAMU,MAAM,GAAG,IAAIlB,YAAY,CAAC;IAC9BmB,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAInB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEG,KAAA,CAAAiB,aAAA,CAACnB,cAAc;IACbgB,MAAM,EAAEA,MAAO;IACfR,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEA,KAAM;IACbP,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAiB,aAAA,CAAClB,aAAa;IACZU,YAAY,EAAEA,YAAa;IAC3BS,QAAQ,EAAC,MAAM;IACfL,QAAQ,EAAEA;EAAS,GAEnBb,KAAA,CAAAiB,aAAA,CAACf,IAAI;IACHK,QAAQ,EAAEA,QAAS;IACnBK,gBAAgB,EAAEA,gBAAiB;IACnCF,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASR,iBAAiB","ignoreList":[]}
+{"version":3,"file":"CorrelationWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_Main","e","__esModule","default","CorrelationWidget","_ref","graphqlUrl","locale","division","theme","isParamError","instruments","sort","heatmapTimeUnits","logoLink","client","ApolloClient","uri","cache","InMemoryCache","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Main","exports"],"sources":["../../../src/CorrelationWidget/CorrelationWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport type { CorrelationConfig } from './types';\n\nconst CorrelationWidget = ({\n  graphqlUrl,\n  locale,\n  division,\n  theme,\n  isParamError,\n  instruments,\n  sort,\n  heatmapTimeUnits,\n  logoLink,\n}: CorrelationConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <WidgetProvider\n      client={client}\n      locale={locale}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <Main\n          division={division}\n          heatmapTimeUnits={heatmapTimeUnits}\n          instruments={instruments}\n          sort={sort}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { CorrelationWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAA8B,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9B,MAAMG,iBAAiB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACzBC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,WAAW;IACXC,IAAI;IACJC,gBAAgB;IAChBC;EACiB,CAAC,GAAAT,IAAA;EAClB,MAAMU,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACxB,iBAAA,CAAAyB,cAAc;IACbN,MAAM,EAAEA,MAAO;IACfR,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEA,KAAM;IACba,YAAY,EAAEA;EAAa,GAE3BzB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACxB,iBAAA,CAAA2B,aAAa;IACZb,YAAY,EAAEA,YAAa;IAC3Bc,QAAQ,EAAC,MAAM;IACfV,QAAQ,EAAEA;EAAS,GAEnBjB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,KAAA,CAAAyB,IAAI;IACHjB,QAAQ,EAAEA,QAAS;IACnBK,gBAAgB,EAAEA,gBAAiB;IACnCF,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAACc,OAAA,CAAAtB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/module/CorrelationWidget/Main.js

@@ -1,9 +1,16 @@
-import { Size, Tabs, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React, { useState } from 'react';
-import { Heatmap } from './components';
-import { Matrix } from './components/Matrix';
-import { navigationConfigDesktop, navigationConfigMobile } from './config';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Main = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("./components");
+var _Matrix = require("./components/Matrix");
+var _config = require("./config");
+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 Main = _ref => {
   let {
     division,
@@ -13,15 +20,15 @@ const Main = _ref => {
   } = _ref;
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-  const [selectedCorrelation, setSelectedCorrelation] = useState(sort?.toLowerCase() || navigationConfigDesktop[0].id);
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  const [selectedCorrelation, setSelectedCorrelation] = (0, _react.useState)(sort?.toLowerCase() || _config.navigationConfigDesktop[0].id);
   const {
     lang
-  } = useLocale();
-  return size && React.createElement("div", {
+  } = (0, _monoI18n.useLocale)();
+  return size && _react.default.createElement("div", {
     "data-testid": "correlation-wrapper"
-  }, !sort && React.createElement(Tabs, {
+  }, !sort && _react.default.createElement(_labsWidgetCommon.Tabs, {
     mobileFullWidth: true,
     activeTab: selectedCorrelation,
     handleClick: _ref2 => {
@@ -32,16 +39,16 @@ const Main = _ref => {
       } = _ref2;
       return setSelectedCorrelation(value);
     },
-    items: isDesktop ? navigationConfigDesktop : navigationConfigMobile,
+    items: isDesktop ? _config.navigationConfigDesktop : _config.navigationConfigMobile,
     labelCallback: lang
-  }), selectedCorrelation === 'heatmap' && React.createElement(Heatmap, {
+  }), selectedCorrelation === 'heatmap' && _react.default.createElement(_components.Heatmap, {
     division: division,
     heatmapTimeUnits: heatmapTimeUnits,
     instruments: instruments
-  }), selectedCorrelation === 'matrix' && React.createElement(Matrix, {
+  }), selectedCorrelation === 'matrix' && _react.default.createElement(_Matrix.Matrix, {
     division: division,
     instruments: instruments
   }));
 };
-export { Main };
+exports.Main = Main;
 //# sourceMappingURL=Main.js.map

package/dist/module/CorrelationWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["Size","Tabs","useLayoutProvider","useLocale","React","useState","Heatmap","Matrix","navigationConfigDesktop","navigationConfigMobile","Main","_ref","division","sort","instruments","heatmapTimeUnits","size","isDesktop","DESKTOP","selectedCorrelation","setSelectedCorrelation","toLowerCase","id","lang","createElement","mobileFullWidth","activeTab","handleClick","_ref2","currentTarget","value","items","labelCallback"],"sources":["../../../src/CorrelationWidget/Main.tsx"],"sourcesContent":["import { Size, Tabs, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useState } from 'react';\n\nimport { Heatmap } from './components';\nimport { Matrix } from './components/Matrix';\nimport { navigationConfigDesktop, navigationConfigMobile } from './config';\nimport type { MainProps } from './types';\n\nconst Main = ({ division, sort, instruments, heatmapTimeUnits }: MainProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const [selectedCorrelation, setSelectedCorrelation] = useState(\n    sort?.toLowerCase() || navigationConfigDesktop[0].id\n  );\n  const { lang } = useLocale();\n\n  return (\n    size && (\n      <div data-testid=\"correlation-wrapper\">\n        {!sort && (\n          <Tabs\n            mobileFullWidth\n            activeTab={selectedCorrelation}\n            handleClick={({ currentTarget: { value } }) =>\n              setSelectedCorrelation(value)\n            }\n            items={isDesktop ? navigationConfigDesktop : navigationConfigMobile}\n            labelCallback={lang}\n          />\n        )}\n        {selectedCorrelation === 'heatmap' && (\n          <Heatmap\n            division={division}\n            heatmapTimeUnits={heatmapTimeUnits}\n            instruments={instruments}\n          />\n        )}\n        {selectedCorrelation === 'matrix' && (\n          <Matrix division={division} instruments={instruments} />\n        )}\n      </div>\n    )\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,iBAAiB,QAAQ,2BAA2B;AACzE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,uBAAuB,EAAEC,sBAAsB,QAAQ,UAAU;AAG1E,MAAMC,IAAI,GAAGC,IAAA,IAAkE;EAAA,IAAjE;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAA4B,CAAC,GAAAJ,IAAA;EACxE,MAAM;IAAEK;EAAK,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EACpC,MAAMe,SAAS,GAAGD,IAAI,KAAKhB,IAAI,CAACkB,OAAO;EACvC,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGf,QAAQ,CAC5DQ,IAAI,EAAEQ,WAAW,CAAC,CAAC,IAAIb,uBAAuB,CAAC,CAAC,CAAC,CAACc,EACpD,CAAC;EACD,MAAM;IAAEC;EAAK,CAAC,GAAGpB,SAAS,CAAC,CAAC;EAE5B,OACEa,IAAI,IACFZ,KAAA,CAAAoB,aAAA;IAAK,eAAY;EAAqB,GACnC,CAACX,IAAI,IACJT,KAAA,CAAAoB,aAAA,CAACvB,IAAI;IACHwB,eAAe;IACfC,SAAS,EAAEP,mBAAoB;IAC/BQ,WAAW,EAAEC,KAAA;MAAA,IAAC;QAAEC,aAAa,EAAE;UAAEC;QAAM;MAAE,CAAC,GAAAF,KAAA;MAAA,OACxCR,sBAAsB,CAACU,KAAK,CAAC;IAAA,CAC9B;IACDC,KAAK,EAAEd,SAAS,GAAGT,uBAAuB,GAAGC,sBAAuB;IACpEuB,aAAa,EAAET;EAAK,CACrB,CACF,EACAJ,mBAAmB,KAAK,SAAS,IAChCf,KAAA,CAAAoB,aAAA,CAAClB,OAAO;IACNM,QAAQ,EAAEA,QAAS;IACnBG,gBAAgB,EAAEA,gBAAiB;IACnCD,WAAW,EAAEA;EAAY,CAC1B,CACF,EACAK,mBAAmB,KAAK,QAAQ,IAC/Bf,KAAA,CAAAoB,aAAA,CAACjB,MAAM;IAACK,QAAQ,EAAEA,QAAS;IAACE,WAAW,EAAEA;EAAY,CAAE,CAEtD,CACN;AAEL,CAAC;AAED,SAASJ,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireWildcard","_components","_Matrix","_config","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Main","_ref","division","sort","instruments","heatmapTimeUnits","size","useLayoutProvider","isDesktop","Size","DESKTOP","selectedCorrelation","setSelectedCorrelation","useState","toLowerCase","navigationConfigDesktop","id","lang","useLocale","createElement","Tabs","mobileFullWidth","activeTab","handleClick","_ref2","currentTarget","value","items","navigationConfigMobile","labelCallback","Heatmap","Matrix","exports"],"sources":["../../../src/CorrelationWidget/Main.tsx"],"sourcesContent":["import { Size, Tabs, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useState } from 'react';\n\nimport { Heatmap } from './components';\nimport { Matrix } from './components/Matrix';\nimport { navigationConfigDesktop, navigationConfigMobile } from './config';\nimport type { MainProps } from './types';\n\nconst Main = ({ division, sort, instruments, heatmapTimeUnits }: MainProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const [selectedCorrelation, setSelectedCorrelation] = useState(\n    sort?.toLowerCase() || navigationConfigDesktop[0].id\n  );\n  const { lang } = useLocale();\n\n  return (\n    size && (\n      <div data-testid=\"correlation-wrapper\">\n        {!sort && (\n          <Tabs\n            mobileFullWidth\n            activeTab={selectedCorrelation}\n            handleClick={({ currentTarget: { value } }) =>\n              setSelectedCorrelation(value)\n            }\n            items={isDesktop ? navigationConfigDesktop : navigationConfigMobile}\n            labelCallback={lang}\n          />\n        )}\n        {selectedCorrelation === 'heatmap' && (\n          <Heatmap\n            division={division}\n            heatmapTimeUnits={heatmapTimeUnits}\n            instruments={instruments}\n          />\n        )}\n        {selectedCorrelation === 'matrix' && (\n          <Matrix division={division} instruments={instruments} />\n        )}\n      </div>\n    )\n  );\n};\n\nexport { Main };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA2E,SAAAG,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,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;AAG3E,MAAMkB,IAAI,GAAGC,IAAA,IAAkE;EAAA,IAAjE;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAA4B,CAAC,GAAAJ,IAAA;EACxE,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EACvC,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAC,eAAQ,EAC5DV,IAAI,EAAEW,WAAW,CAAC,CAAC,IAAIC,+BAAuB,CAAC,CAAC,CAAC,CAACC,EACpD,CAAC;EACD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,OACEZ,IAAI,IACF9B,MAAA,CAAAe,OAAA,CAAA4B,aAAA;IAAK,eAAY;EAAqB,GACnC,CAAChB,IAAI,IACJ3B,MAAA,CAAAe,OAAA,CAAA4B,aAAA,CAAC9C,iBAAA,CAAA+C,IAAI;IACHC,eAAe;IACfC,SAAS,EAAEX,mBAAoB;IAC/BY,WAAW,EAAEC,KAAA;MAAA,IAAC;QAAEC,aAAa,EAAE;UAAEC;QAAM;MAAE,CAAC,GAAAF,KAAA;MAAA,OACxCZ,sBAAsB,CAACc,KAAK,CAAC;IAAA,CAC9B;IACDC,KAAK,EAAEnB,SAAS,GAAGO,+BAAuB,GAAGa,8BAAuB;IACpEC,aAAa,EAAEZ;EAAK,CACrB,CACF,EACAN,mBAAmB,KAAK,SAAS,IAChCnC,MAAA,CAAAe,OAAA,CAAA4B,aAAA,CAACzC,WAAA,CAAAoD,OAAO;IACN5B,QAAQ,EAAEA,QAAS;IACnBG,gBAAgB,EAAEA,gBAAiB;IACnCD,WAAW,EAAEA;EAAY,CAC1B,CACF,EACAO,mBAAmB,KAAK,QAAQ,IAC/BnC,MAAA,CAAAe,OAAA,CAAA4B,aAAA,CAACxC,OAAA,CAAAoD,MAAM;IAAC7B,QAAQ,EAAEA,QAAS;IAACE,WAAW,EAAEA;EAAY,CAAE,CAEtD,CACN;AAEL,CAAC;AAAC4B,OAAA,CAAAhC,IAAA,GAAAA,IAAA","ignoreList":[]}

package/dist/module/CorrelationWidget/components/Grid/GridCell.js

@@ -1,7 +1,14 @@
-import { useLayoutProvider } from '@oanda/labs-widget-common';
-import classnames from 'classnames';
-import React from 'react';
-import { getCorrelationLevel } from '../Heatmap/utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridCell = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../Heatmap/utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const GridCell = _ref => {
   let {
     value,
@@ -13,10 +20,10 @@ const GridCell = _ref => {
   } = _ref;
   const {
     isDark
-  } = useLayoutProvider();
-  const level = getCorrelationLevel(value);
-  return React.createElement("div", {
-    className: classnames('lw-flex lw-h-11 lw-items-center lw-justify-center lw-border-b lw-border-solid lw-border-border-primary lw-px-[2px] lw-text-center', {
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const level = (0, _utils.getCorrelationLevel)(value);
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-h-11 lw-items-center lw-justify-center lw-border-b lw-border-solid lw-border-border-primary lw-px-[2px] lw-text-center', {
       'lw-text-text-negative': typeof value === 'number' && isDark,
       'lw-text-xs': typeof value !== 'number',
       'lw-shadow-[inset_0_0_0_1px_#000]': typeof value === 'number' && hovered,
@@ -34,7 +41,7 @@ const GridCell = _ref => {
       'lw-border-r': !noRightBorder
     }),
     onMouseEnter: mouseEnterHandler
-  }, React.createElement("span", null, value));
+  }, _react.default.createElement("span", null, value));
 };
-export { GridCell };
+exports.GridCell = GridCell;
 //# sourceMappingURL=GridCell.js.map

package/dist/module/CorrelationWidget/components/Grid/GridCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridCell.js","names":["useLayoutProvider","classnames","React","getCorrelationLevel","GridCell","_ref","value","hovered","sticky","empty","mouseEnterHandler","noRightBorder","isDark","level","createElement","className","onMouseEnter"],"sources":["../../../../../src/CorrelationWidget/components/Grid/GridCell.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getCorrelationLevel } from '../Heatmap/utils';\nimport type { GridCellProps } from './types';\n\nconst GridCell = ({\n  value,\n  hovered,\n  sticky,\n  empty,\n  mouseEnterHandler,\n  noRightBorder = false,\n}: GridCellProps) => {\n  const { isDark } = useLayoutProvider();\n\n  const level = getCorrelationLevel(value);\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-h-11 lw-items-center lw-justify-center lw-border-b lw-border-solid lw-border-border-primary lw-px-[2px] lw-text-center',\n        {\n          'lw-text-text-negative': typeof value === 'number' && isDark,\n          'lw-text-xs': typeof value !== 'number',\n          'lw-shadow-[inset_0_0_0_1px_#000]':\n            typeof value === 'number' && hovered,\n          'lw-bg-heatmap-neutral': level === 'neutral',\n          'lw-bg-heatmap-weak-positive': level === 'weak-positive',\n          'lw-bg-heatmap-positive': level === 'positive',\n          'lw-bg-heatmap-strong-positive': level === 'strong-positive',\n          'lw-bg-heatmap-weak-negative': level === 'weak-negative',\n          'lw-bg-heatmap-negative': level === 'negative',\n          'lw-bg-heatmap-strong-negative': level === 'strong-negative',\n          'lw-bg-bg-primary': level === '',\n          'lw-bg-heatmap-empty': empty,\n          'lw-sticky lw-left-0': sticky,\n          'lw-font-semibold': hovered,\n          'lw-border-r': !noRightBorder,\n        }\n      )}\n      onMouseEnter={mouseEnterHandler}\n    >\n      <span>{value}</span>\n    </div>\n  );\n};\n\nexport { GridCell };\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,2BAA2B;AAC7D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB,QAAQ,kBAAkB;AAGtD,MAAMC,QAAQ,GAAGC,IAAA,IAOI;EAAA,IAPH;IAChBC,KAAK;IACLC,OAAO;IACPC,MAAM;IACNC,KAAK;IACLC,iBAAiB;IACjBC,aAAa,GAAG;EACH,CAAC,GAAAN,IAAA;EACd,MAAM;IAAEO;EAAO,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EAEtC,MAAMa,KAAK,GAAGV,mBAAmB,CAACG,KAAK,CAAC;EAExC,OACEJ,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAEd,UAAU,CACnB,mIAAmI,EACnI;MACE,uBAAuB,EAAE,OAAOK,KAAK,KAAK,QAAQ,IAAIM,MAAM;MAC5D,YAAY,EAAE,OAAON,KAAK,KAAK,QAAQ;MACvC,kCAAkC,EAChC,OAAOA,KAAK,KAAK,QAAQ,IAAIC,OAAO;MACtC,uBAAuB,EAAEM,KAAK,KAAK,SAAS;MAC5C,6BAA6B,EAAEA,KAAK,KAAK,eAAe;MACxD,wBAAwB,EAAEA,KAAK,KAAK,UAAU;MAC9C,+BAA+B,EAAEA,KAAK,KAAK,iBAAiB;MAC5D,6BAA6B,EAAEA,KAAK,KAAK,eAAe;MACxD,wBAAwB,EAAEA,KAAK,KAAK,UAAU;MAC9C,+BAA+B,EAAEA,KAAK,KAAK,iBAAiB;MAC5D,kBAAkB,EAAEA,KAAK,KAAK,EAAE;MAChC,qBAAqB,EAAEJ,KAAK;MAC5B,qBAAqB,EAAED,MAAM;MAC7B,kBAAkB,EAAED,OAAO;MAC3B,aAAa,EAAE,CAACI;IAClB,CACF,CAAE;IACFK,YAAY,EAAEN;EAAkB,GAEhCR,KAAA,CAAAY,aAAA,eAAOR,KAAY,CAChB,CAAC;AAEV,CAAC;AAED,SAASF,QAAQ","ignoreList":[]}
+{"version":3,"file":"GridCell.js","names":["_labsWidgetCommon","require","_classnames","_interopRequireDefault","_react","_utils","e","__esModule","default","GridCell","_ref","value","hovered","sticky","empty","mouseEnterHandler","noRightBorder","isDark","useLayoutProvider","level","getCorrelationLevel","createElement","className","classnames","onMouseEnter","exports"],"sources":["../../../../../src/CorrelationWidget/components/Grid/GridCell.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getCorrelationLevel } from '../Heatmap/utils';\nimport type { GridCellProps } from './types';\n\nconst GridCell = ({\n  value,\n  hovered,\n  sticky,\n  empty,\n  mouseEnterHandler,\n  noRightBorder = false,\n}: GridCellProps) => {\n  const { isDark } = useLayoutProvider();\n\n  const level = getCorrelationLevel(value);\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-h-11 lw-items-center lw-justify-center lw-border-b lw-border-solid lw-border-border-primary lw-px-[2px] lw-text-center',\n        {\n          'lw-text-text-negative': typeof value === 'number' && isDark,\n          'lw-text-xs': typeof value !== 'number',\n          'lw-shadow-[inset_0_0_0_1px_#000]':\n            typeof value === 'number' && hovered,\n          'lw-bg-heatmap-neutral': level === 'neutral',\n          'lw-bg-heatmap-weak-positive': level === 'weak-positive',\n          'lw-bg-heatmap-positive': level === 'positive',\n          'lw-bg-heatmap-strong-positive': level === 'strong-positive',\n          'lw-bg-heatmap-weak-negative': level === 'weak-negative',\n          'lw-bg-heatmap-negative': level === 'negative',\n          'lw-bg-heatmap-strong-negative': level === 'strong-negative',\n          'lw-bg-bg-primary': level === '',\n          'lw-bg-heatmap-empty': empty,\n          'lw-sticky lw-left-0': sticky,\n          'lw-font-semibold': hovered,\n          'lw-border-r': !noRightBorder,\n        }\n      )}\n      onMouseEnter={mouseEnterHandler}\n    >\n      <span>{value}</span>\n    </div>\n  );\n};\n\nexport { GridCell };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAuD,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvD,MAAMG,QAAQ,GAAGC,IAAA,IAOI;EAAA,IAPH;IAChBC,KAAK;IACLC,OAAO;IACPC,MAAM;IACNC,KAAK;IACLC,iBAAiB;IACjBC,aAAa,GAAG;EACH,CAAC,GAAAN,IAAA;EACd,MAAM;IAAEO;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEtC,MAAMC,KAAK,GAAG,IAAAC,0BAAmB,EAACT,KAAK,CAAC;EAExC,OACEP,MAAA,CAAAI,OAAA,CAAAa,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,mIAAmI,EACnI;MACE,uBAAuB,EAAE,OAAOZ,KAAK,KAAK,QAAQ,IAAIM,MAAM;MAC5D,YAAY,EAAE,OAAON,KAAK,KAAK,QAAQ;MACvC,kCAAkC,EAChC,OAAOA,KAAK,KAAK,QAAQ,IAAIC,OAAO;MACtC,uBAAuB,EAAEO,KAAK,KAAK,SAAS;MAC5C,6BAA6B,EAAEA,KAAK,KAAK,eAAe;MACxD,wBAAwB,EAAEA,KAAK,KAAK,UAAU;MAC9C,+BAA+B,EAAEA,KAAK,KAAK,iBAAiB;MAC5D,6BAA6B,EAAEA,KAAK,KAAK,eAAe;MACxD,wBAAwB,EAAEA,KAAK,KAAK,UAAU;MAC9C,+BAA+B,EAAEA,KAAK,KAAK,iBAAiB;MAC5D,kBAAkB,EAAEA,KAAK,KAAK,EAAE;MAChC,qBAAqB,EAAEL,KAAK;MAC5B,qBAAqB,EAAED,MAAM;MAC7B,kBAAkB,EAAED,OAAO;MAC3B,aAAa,EAAE,CAACI;IAClB,CACF,CAAE;IACFQ,YAAY,EAAET;EAAkB,GAEhCX,MAAA,CAAAI,OAAA,CAAAa,aAAA,eAAOV,KAAY,CAChB,CAAC;AAEV,CAAC;AAACc,OAAA,CAAAhB,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/module/CorrelationWidget/components/Grid/GridHeader.js

@@ -1,20 +1,27 @@
-import { Size, useLayoutProvider } from '@oanda/labs-widget-common';
-import classnames from 'classnames';
-import React from 'react';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridHeader = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const GridHeader = _ref => {
   let {
     label
   } = _ref;
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-  return React.createElement("div", {
-    className: classnames('lw-flex lw-h-[61px] lw-items-center lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-font-semibold', {
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-h-[61px] lw-items-center lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-font-semibold', {
       'lw-p-4 lw-text-xl': isDesktop,
       'lw-p-2 lw-text-base': !isDesktop
     })
-  }, React.createElement("span", null, label));
+  }, _react.default.createElement("span", null, label));
 };
-export { GridHeader };
+exports.GridHeader = GridHeader;
 //# sourceMappingURL=GridHeader.js.map

package/dist/module/CorrelationWidget/components/Grid/GridHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridHeader.js","names":["Size","useLayoutProvider","classnames","React","GridHeader","_ref","label","size","isDesktop","DESKTOP","createElement","className"],"sources":["../../../../../src/CorrelationWidget/components/Grid/GridHeader.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport type { GridHeaderProps } from './types';\n\nconst GridHeader = ({ label }: GridHeaderProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-h-[61px] lw-items-center lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-font-semibold',\n        {\n          'lw-p-4 lw-text-xl': isDesktop,\n          'lw-p-2 lw-text-base': !isDesktop,\n        }\n      )}\n    >\n      <span>{label}</span>\n    </div>\n  );\n};\n\nexport { GridHeader };\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,iBAAiB,QAAQ,2BAA2B;AACnE,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAIzB,MAAMC,UAAU,GAAGC,IAAA,IAAgC;EAAA,IAA/B;IAAEC;EAAuB,CAAC,GAAAD,IAAA;EAC5C,MAAM;IAAEE;EAAK,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EACpC,MAAMO,SAAS,GAAGD,IAAI,KAAKP,IAAI,CAACS,OAAO;EAEvC,OACEN,KAAA,CAAAO,aAAA;IACEC,SAAS,EAAET,UAAU,CACnB,uHAAuH,EACvH;MACE,mBAAmB,EAAEM,SAAS;MAC9B,qBAAqB,EAAE,CAACA;IAC1B,CACF;EAAE,GAEFL,KAAA,CAAAO,aAAA,eAAOJ,KAAY,CAChB,CAAC;AAEV,CAAC;AAED,SAASF,UAAU","ignoreList":[]}
+{"version":3,"file":"GridHeader.js","names":["_labsWidgetCommon","require","_classnames","_interopRequireDefault","_react","e","__esModule","default","GridHeader","_ref","label","size","useLayoutProvider","isDesktop","Size","DESKTOP","createElement","className","classnames","exports"],"sources":["../../../../../src/CorrelationWidget/components/Grid/GridHeader.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport type { GridHeaderProps } from './types';\n\nconst GridHeader = ({ label }: GridHeaderProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-h-[61px] lw-items-center lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-font-semibold',\n        {\n          'lw-p-4 lw-text-xl': isDesktop,\n          'lw-p-2 lw-text-base': !isDesktop,\n        }\n      )}\n    >\n      <span>{label}</span>\n    </div>\n  );\n};\n\nexport { GridHeader };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI1B,MAAMG,UAAU,GAAGC,IAAA,IAAgC;EAAA,IAA/B;IAAEC;EAAuB,CAAC,GAAAD,IAAA;EAC5C,MAAM;IAAEE;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,OACEX,MAAA,CAAAG,OAAA,CAAAS,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,uHAAuH,EACvH;MACE,mBAAmB,EAAEL,SAAS;MAC9B,qBAAqB,EAAE,CAACA;IAC1B,CACF;EAAE,GAEFT,MAAA,CAAAG,OAAA,CAAAS,aAAA,eAAON,KAAY,CAChB,CAAC;AAEV,CAAC;AAACS,OAAA,CAAAX,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/module/CorrelationWidget/components/Grid/GridLegend.js

@@ -1,39 +1,46 @@
-import { useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import classnames from 'classnames';
-import React from 'react';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridLegend = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const GridLegend = () => {
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     isDark
-  } = useLayoutProvider();
-  return React.createElement("div", {
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  return _react.default.createElement("div", {
     className: "lw-mx-auto lw-mt-4 lw-max-w-[444px]"
-  }, React.createElement("div", {
-    className: classnames('lw-grid lw-grid-cols-7 lw-items-center', {
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-grid lw-grid-cols-7 lw-items-center', {
       'lw-text-text-negative': isDark
     })
-  }, React.createElement("span", {
+  }, _react.default.createElement("span", {
     className: "lw-bg-heatmap-strong-negative lw-pl-1.5"
-  }, "-1"), React.createElement("span", {
+  }, "-1"), _react.default.createElement("span", {
     className: "lw-h-[100%] lw-bg-heatmap-negative"
-  }), React.createElement("span", {
+  }), _react.default.createElement("span", {
     className: "lw-h-[100%] lw-bg-heatmap-weak-negative"
-  }), React.createElement("span", {
+  }), _react.default.createElement("span", {
     className: "lw-bg-heatmap-neutral lw-text-center"
-  }, "0"), React.createElement("span", {
+  }, "0"), _react.default.createElement("span", {
     className: "lw-h-[100%] lw-bg-heatmap-weak-positive"
-  }), React.createElement("span", {
+  }), _react.default.createElement("span", {
     className: "lw-h-[100%] lw-bg-heatmap-positive"
-  }), React.createElement("span", {
+  }), _react.default.createElement("span", {
     className: "lw-bg-heatmap-strong-positive lw-pr-1.5 lw-text-right"
-  }, "+1"), React.createElement("span", {
+  }, "+1"), _react.default.createElement("span", {
     className: "lw-col-span-3 lw-max-w-[130px] lw-text-[12px] lw-text-text-primary"
-  }, lang('strong_negative_correlation')), React.createElement("span", {
+  }, lang('strong_negative_correlation')), _react.default.createElement("span", {
     className: "lw-col-span-3 lw-col-start-5 lw-max-w-[130px] lw-justify-self-end lw-text-right lw-text-[12px] lw-text-text-primary"
   }, lang('strong_positive_correlation'))));
 };
-export { GridLegend };
+exports.GridLegend = GridLegend;
 //# sourceMappingURL=GridLegend.js.map

package/dist/module/CorrelationWidget/components/Grid/GridLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridLegend.js","names":["useLayoutProvider","useLocale","classnames","React","GridLegend","lang","isDark","createElement","className"],"sources":["../../../../../src/CorrelationWidget/components/Grid/GridLegend.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nconst GridLegend = () => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div className=\"lw-mx-auto lw-mt-4 lw-max-w-[444px]\">\n      <div\n        className={classnames('lw-grid lw-grid-cols-7 lw-items-center', {\n          'lw-text-text-negative': isDark,\n        })}\n      >\n        <span className=\"lw-bg-heatmap-strong-negative lw-pl-1.5\">-1</span>\n        <span className=\"lw-h-[100%] lw-bg-heatmap-negative\" />\n        <span className=\"lw-h-[100%] lw-bg-heatmap-weak-negative\" />\n        <span className=\"lw-bg-heatmap-neutral lw-text-center\">0</span>\n        <span className=\"lw-h-[100%] lw-bg-heatmap-weak-positive\" />\n        <span className=\"lw-h-[100%] lw-bg-heatmap-positive\" />\n        <span className=\"lw-bg-heatmap-strong-positive lw-pr-1.5 lw-text-right\">\n          +1\n        </span>\n        <span className=\"lw-col-span-3 lw-max-w-[130px] lw-text-[12px] lw-text-text-primary\">\n          {lang('strong_negative_correlation')}\n        </span>\n        <span className=\"lw-col-span-3 lw-col-start-5 lw-max-w-[130px] lw-justify-self-end lw-text-right lw-text-[12px] lw-text-text-primary\">\n          {lang('strong_positive_correlation')}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport { GridLegend };\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAK,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEK;EAAO,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAEtC,OACEG,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAC;EAAqC,GAClDL,KAAA,CAAAI,aAAA;IACEC,SAAS,EAAEN,UAAU,CAAC,wCAAwC,EAAE;MAC9D,uBAAuB,EAAEI;IAC3B,CAAC;EAAE,GAEHH,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAyC,GAAC,IAAQ,CAAC,EACnEL,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAoC,CAAE,CAAC,EACvDL,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAyC,CAAE,CAAC,EAC5DL,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAsC,GAAC,GAAO,CAAC,EAC/DL,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAyC,CAAE,CAAC,EAC5DL,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAoC,CAAE,CAAC,EACvDL,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAuD,GAAC,IAElE,CAAC,EACPL,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAoE,GACjFH,IAAI,CAAC,6BAA6B,CAC/B,CAAC,EACPF,KAAA,CAAAI,aAAA;IAAMC,SAAS,EAAC;EAAqH,GAClIH,IAAI,CAAC,6BAA6B,CAC/B,CACH,CACF,CAAC;AAEV,CAAC;AAED,SAASD,UAAU","ignoreList":[]}
+{"version":3,"file":"GridLegend.js","names":["_labsWidgetCommon","require","_monoI18n","_classnames","_interopRequireDefault","_react","e","__esModule","default","GridLegend","lang","useLocale","isDark","useLayoutProvider","createElement","className","classnames","exports"],"sources":["../../../../../src/CorrelationWidget/components/Grid/GridLegend.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nconst GridLegend = () => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div className=\"lw-mx-auto lw-mt-4 lw-max-w-[444px]\">\n      <div\n        className={classnames('lw-grid lw-grid-cols-7 lw-items-center', {\n          'lw-text-text-negative': isDark,\n        })}\n      >\n        <span className=\"lw-bg-heatmap-strong-negative lw-pl-1.5\">-1</span>\n        <span className=\"lw-h-[100%] lw-bg-heatmap-negative\" />\n        <span className=\"lw-h-[100%] lw-bg-heatmap-weak-negative\" />\n        <span className=\"lw-bg-heatmap-neutral lw-text-center\">0</span>\n        <span className=\"lw-h-[100%] lw-bg-heatmap-weak-positive\" />\n        <span className=\"lw-h-[100%] lw-bg-heatmap-positive\" />\n        <span className=\"lw-bg-heatmap-strong-positive lw-pr-1.5 lw-text-right\">\n          +1\n        </span>\n        <span className=\"lw-col-span-3 lw-max-w-[130px] lw-text-[12px] lw-text-text-primary\">\n          {lang('strong_negative_correlation')}\n        </span>\n        <span className=\"lw-col-span-3 lw-col-start-5 lw-max-w-[130px] lw-justify-self-end lw-text-right lw-text-[12px] lw-text-text-primary\">\n          {lang('strong_positive_correlation')}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport { GridLegend };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1B,MAAMG,UAAU,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEtC,OACER,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAAqC,GAClDV,MAAA,CAAAG,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAAC,wCAAwC,EAAE;MAC9D,uBAAuB,EAAEJ;IAC3B,CAAC;EAAE,GAEHP,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAyC,GAAC,IAAQ,CAAC,EACnEV,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAoC,CAAE,CAAC,EACvDV,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAyC,CAAE,CAAC,EAC5DV,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAsC,GAAC,GAAO,CAAC,EAC/DV,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAyC,CAAE,CAAC,EAC5DV,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAoC,CAAE,CAAC,EACvDV,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAuD,GAAC,IAElE,CAAC,EACPV,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAoE,GACjFL,IAAI,CAAC,6BAA6B,CAC/B,CAAC,EACPL,MAAA,CAAAG,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAqH,GAClIL,IAAI,CAAC,6BAA6B,CAC/B,CACH,CACF,CAAC;AAEV,CAAC;AAACO,OAAA,CAAAR,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/module/CorrelationWidget/components/Grid/index.js

@@ -1,4 +1,39 @@
-export * from './GridCell';
-export * from './GridHeader';
-export * from './GridLegend';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _GridCell = require("./GridCell");
+Object.keys(_GridCell).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridCell[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridCell[key];
+    }
+  });
+});
+var _GridHeader = require("./GridHeader");
+Object.keys(_GridHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridHeader[key];
+    }
+  });
+});
+var _GridLegend = require("./GridLegend");
+Object.keys(_GridLegend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridLegend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridLegend[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/module/CorrelationWidget/components/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/CorrelationWidget/components/Grid/index.ts"],"sourcesContent":["export * from './GridCell';\nexport * from './GridHeader';\nexport * from './GridLegend';\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,cAAc,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_GridCell","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_GridHeader","_GridLegend"],"sources":["../../../../../src/CorrelationWidget/components/Grid/index.ts"],"sourcesContent":["export * from './GridCell';\nexport * from './GridHeader';\nexport * from './GridLegend';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/module/CorrelationWidget/components/Grid/types.js

@@ -1,2 +1,6 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/dist/module/CorrelationWidget/components/Heatmap/Heatmap.js

@@ -1,12 +1,19 @@
-import { useQuery } from '@apollo/client';
-import { ChartError, Spinner, SpinnerSize } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import classnames from 'classnames';
-import React from 'react';
-import { getCorrelationHeatmap } from '../../../gql/getCorrelationHeatmap';
-import { heatmapGridHeader } from '../../config';
-import { GridHeader, GridLegend } from '../Grid';
-import { HeatmapGrid } from './HeatmapGrid';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Heatmap = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _getCorrelationHeatmap = require("../../../gql/getCorrelationHeatmap");
+var _config = require("../../config");
+var _Grid = require("../Grid");
+var _HeatmapGrid = require("./HeatmapGrid");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Heatmap = _ref => {
   let {
     division,
@@ -15,12 +22,12 @@ const Heatmap = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     loading,
     data,
     error
-  } = useQuery(getCorrelationHeatmap, {
+  } = (0, _client.useQuery)(_getCorrelationHeatmap.getCorrelationHeatmap, {
     variables: {
       division,
       instruments,
@@ -28,34 +35,34 @@ const Heatmap = _ref => {
     },
     fetchPolicy: 'cache-and-network'
   });
-  const headerData = heatmapGridHeader.filter(_ref2 => {
+  const headerData = _config.heatmapGridHeader.filter(_ref2 => {
     let {
       id
     } = _ref2;
     return timeSpans?.length > 0 ? timeSpans?.includes(id) : id;
   });
   const showError = error || instruments && instruments.length === 1 || timeSpans && timeSpans.length === 1;
-  return React.createElement(React.Fragment, null, !showError && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: classnames('lw-flex lw-flex-col lw-text-text-primary', {
+  return _react.default.createElement(_react.default.Fragment, null, !showError && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-flex-col lw-text-text-primary', {
       'lw-min-h-[580px]': timeSpans === undefined
     })
-  }, loading && React.createElement("div", {
-    className: classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+  }, loading && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
       'lw-h-[500px]': timeSpans === undefined,
       'lw-h-[200px]': timeSpans !== undefined
     })
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), !loading && data?.correlationHeatmap && React.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), !loading && data?.correlationHeatmap && _react.default.createElement("div", {
     "data-testid": "heatmap-wrapper"
-  }, React.createElement(GridHeader, {
+  }, _react.default.createElement(_Grid.GridHeader, {
     label: `${lang('reference_instrument')}: ${data?.correlationHeatmap.baseInstrument.displayName}`
-  }), React.createElement(HeatmapGrid, {
+  }), _react.default.createElement(_HeatmapGrid.HeatmapGrid, {
     data: data,
     headerData: headerData
-  }))), React.createElement(GridLegend, null)), !loading && showError && React.createElement("div", {
+  }))), _react.default.createElement(_Grid.GridLegend, null)), !loading && showError && _react.default.createElement("div", {
     className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(ChartError, null)));
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
 };
-export { Heatmap };
+exports.Heatmap = Heatmap;
 //# sourceMappingURL=Heatmap.js.map

package/dist/module/CorrelationWidget/components/Heatmap/Heatmap.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heatmap.js","names":["useQuery","ChartError","Spinner","SpinnerSize","useLocale","classnames","React","getCorrelationHeatmap","heatmapGridHeader","GridHeader","GridLegend","HeatmapGrid","Heatmap","_ref","division","instruments","heatmapTimeUnits","timeSpans","lang","loading","data","error","variables","fetchPolicy","headerData","filter","_ref2","id","length","includes","showError","createElement","Fragment","className","undefined","size","lg","correlationHeatmap","label","baseInstrument","displayName"],"sources":["../../../../../src/CorrelationWidget/components/Heatmap/Heatmap.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { ChartError, Spinner, SpinnerSize } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getCorrelationHeatmap } from '../../../gql/getCorrelationHeatmap';\nimport type {\n  GetCorrelationHeatmapQuery,\n  GetCorrelationHeatmapQueryVariables,\n} from '../../../gql/types/graphql';\nimport { heatmapGridHeader } from '../../config';\nimport type { HeatmapProps } from '../../types';\nimport { GridHeader, GridLegend } from '../Grid';\nimport { HeatmapGrid } from './HeatmapGrid';\n\nconst Heatmap = ({\n  division,\n  instruments,\n  heatmapTimeUnits: timeSpans,\n}: HeatmapProps) => {\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<\n    GetCorrelationHeatmapQuery,\n    GetCorrelationHeatmapQueryVariables\n  >(getCorrelationHeatmap, {\n    variables: {\n      division,\n      instruments,\n      timeSpans,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const headerData = heatmapGridHeader.filter(({ id }) =>\n    timeSpans?.length! > 0 ? timeSpans?.includes(id) : id\n  );\n\n  const showError =\n    error ||\n    (instruments && instruments.length === 1) ||\n    (timeSpans && timeSpans.length === 1);\n\n  return (\n    <>\n      {!showError && (\n        <>\n          <div\n            className={classnames('lw-flex lw-flex-col lw-text-text-primary', {\n              'lw-min-h-[580px]': timeSpans === undefined,\n            })}\n          >\n            {loading && (\n              <div\n                className={classnames(\n                  'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n                  {\n                    'lw-h-[500px]': timeSpans === undefined,\n                    'lw-h-[200px]': timeSpans !== undefined,\n                  }\n                )}\n              >\n                <Spinner size={SpinnerSize.lg} />\n              </div>\n            )}\n            {!loading && data?.correlationHeatmap && (\n              <div data-testid=\"heatmap-wrapper\">\n                <GridHeader\n                  label={`${lang('reference_instrument')}: ${data?.correlationHeatmap.baseInstrument.displayName}`}\n                />\n                <HeatmapGrid data={data} headerData={headerData} />\n              </div>\n            )}\n          </div>\n          <GridLegend />\n        </>\n      )}\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Heatmap };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,2BAA2B;AAC5E,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,qBAAqB,QAAQ,oCAAoC;AAK1E,SAASC,iBAAiB,QAAQ,cAAc;AAEhD,SAASC,UAAU,EAAEC,UAAU,QAAQ,SAAS;AAChD,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,OAAO,GAAGC,IAAA,IAII;EAAA,IAJH;IACfC,QAAQ;IACRC,WAAW;IACXC,gBAAgB,EAAEC;EACN,CAAC,GAAAJ,IAAA;EACb,MAAM;IAAEK;EAAK,CAAC,GAAGd,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEe,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGrB,QAAQ,CAGvCO,qBAAqB,EAAE;IACvBe,SAAS,EAAE;MACTR,QAAQ;MACRC,WAAW;MACXE;IACF,CAAC;IACDM,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,UAAU,GAAGhB,iBAAiB,CAACiB,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEC;IAAG,CAAC,GAAAD,KAAA;IAAA,OACjDT,SAAS,EAAEW,MAAM,GAAI,CAAC,GAAGX,SAAS,EAAEY,QAAQ,CAACF,EAAE,CAAC,GAAGA,EAAE;EAAA,CACvD,CAAC;EAED,MAAMG,SAAS,GACbT,KAAK,IACJN,WAAW,IAAIA,WAAW,CAACa,MAAM,KAAK,CAAE,IACxCX,SAAS,IAAIA,SAAS,CAACW,MAAM,KAAK,CAAE;EAEvC,OACEtB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACG,CAACF,SAAS,IACTxB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACE1B,KAAA,CAAAyB,aAAA;IACEE,SAAS,EAAE5B,UAAU,CAAC,0CAA0C,EAAE;MAChE,kBAAkB,EAAEY,SAAS,KAAKiB;IACpC,CAAC;EAAE,GAEFf,OAAO,IACNb,KAAA,CAAAyB,aAAA;IACEE,SAAS,EAAE5B,UAAU,CACnB,sFAAsF,EACtF;MACE,cAAc,EAAEY,SAAS,KAAKiB,SAAS;MACvC,cAAc,EAAEjB,SAAS,KAAKiB;IAChC,CACF;EAAE,GAEF5B,KAAA,CAAAyB,aAAA,CAAC7B,OAAO;IAACiC,IAAI,EAAEhC,WAAW,CAACiC;EAAG,CAAE,CAC7B,CACN,EACA,CAACjB,OAAO,IAAIC,IAAI,EAAEiB,kBAAkB,IACnC/B,KAAA,CAAAyB,aAAA;IAAK,eAAY;EAAiB,GAChCzB,KAAA,CAAAyB,aAAA,CAACtB,UAAU;IACT6B,KAAK,EAAE,GAAGpB,IAAI,CAAC,sBAAsB,CAAC,KAAKE,IAAI,EAAEiB,kBAAkB,CAACE,cAAc,CAACC,WAAW;EAAG,CAClG,CAAC,EACFlC,KAAA,CAAAyB,aAAA,CAACpB,WAAW;IAACS,IAAI,EAAEA,IAAK;IAACI,UAAU,EAAEA;EAAW,CAAE,CAC/C,CAEJ,CAAC,EACNlB,KAAA,CAAAyB,aAAA,CAACrB,UAAU,MAAE,CACb,CACH,EACA,CAACS,OAAO,IAAIW,SAAS,IACpBxB,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH3B,KAAA,CAAAyB,aAAA,CAAC9B,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAED,SAASW,OAAO","ignoreList":[]}
+{"version":3,"file":"Heatmap.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_classnames","_interopRequireDefault","_react","_getCorrelationHeatmap","_config","_Grid","_HeatmapGrid","e","__esModule","default","Heatmap","_ref","division","instruments","heatmapTimeUnits","timeSpans","lang","useLocale","loading","data","error","useQuery","getCorrelationHeatmap","variables","fetchPolicy","headerData","heatmapGridHeader","filter","_ref2","id","length","includes","showError","createElement","Fragment","className","classnames","undefined","Spinner","size","SpinnerSize","lg","correlationHeatmap","GridHeader","label","baseInstrument","displayName","HeatmapGrid","GridLegend","ChartError","exports"],"sources":["../../../../../src/CorrelationWidget/components/Heatmap/Heatmap.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { ChartError, Spinner, SpinnerSize } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getCorrelationHeatmap } from '../../../gql/getCorrelationHeatmap';\nimport type {\n  GetCorrelationHeatmapQuery,\n  GetCorrelationHeatmapQueryVariables,\n} from '../../../gql/types/graphql';\nimport { heatmapGridHeader } from '../../config';\nimport type { HeatmapProps } from '../../types';\nimport { GridHeader, GridLegend } from '../Grid';\nimport { HeatmapGrid } from './HeatmapGrid';\n\nconst Heatmap = ({\n  division,\n  instruments,\n  heatmapTimeUnits: timeSpans,\n}: HeatmapProps) => {\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<\n    GetCorrelationHeatmapQuery,\n    GetCorrelationHeatmapQueryVariables\n  >(getCorrelationHeatmap, {\n    variables: {\n      division,\n      instruments,\n      timeSpans,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const headerData = heatmapGridHeader.filter(({ id }) =>\n    timeSpans?.length! > 0 ? timeSpans?.includes(id) : id\n  );\n\n  const showError =\n    error ||\n    (instruments && instruments.length === 1) ||\n    (timeSpans && timeSpans.length === 1);\n\n  return (\n    <>\n      {!showError && (\n        <>\n          <div\n            className={classnames('lw-flex lw-flex-col lw-text-text-primary', {\n              'lw-min-h-[580px]': timeSpans === undefined,\n            })}\n          >\n            {loading && (\n              <div\n                className={classnames(\n                  'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n                  {\n                    'lw-h-[500px]': timeSpans === undefined,\n                    'lw-h-[200px]': timeSpans !== undefined,\n                  }\n                )}\n              >\n                <Spinner size={SpinnerSize.lg} />\n              </div>\n            )}\n            {!loading && data?.correlationHeatmap && (\n              <div data-testid=\"heatmap-wrapper\">\n                <GridHeader\n                  label={`${lang('reference_instrument')}: ${data?.correlationHeatmap.baseInstrument.displayName}`}\n                />\n                <HeatmapGrid data={data} headerData={headerData} />\n              </div>\n            )}\n          </div>\n          <GridLegend />\n        </>\n      )}\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Heatmap };\n"],"mappings":"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","ignoreList":[]}