@oanda/labs-currency-power-balance-widget 1.0.143 → 1.0.145

package/dist/main/CurrencyPowerBalanceWidget/Main.js

@@ -9,8 +9,8 @@ var _monoI18n = require("@oanda/mono-i18n");
 var _react = _interopRequireWildcard(require("react"));
 var _graphql = require("../gql/types/graphql");
 var _ChartWithData = require("./ChartWithData");
-var _TimeUnitSwitch = require("./components/TimeUnitSwitch");
 var _config = require("./config");
+var _constants = require("./constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Main = _ref => {
@@ -45,10 +45,11 @@ const Main = _ref => {
     }, tooltipLabel ? _react.default.createElement("span", null, `${lang(tooltipLabel.translationKey, {
       count: tooltipLabel.count
     })}`) : _react.default.createElement("span", null, `${lang(label)}`));
-  })) : _react.default.createElement(_TimeUnitSwitch.TimeUnitSwitch, {
+  })) : _react.default.createElement(_labsWidgetCommon.TimeUnitSwitch, {
     callback: setSelectedTimeUnit,
     options: _config.timeUnitConfig,
-    selected: selectedTimeUnit
+    selected: selectedTimeUnit,
+    tooltipId: _constants.CURRENCY_POWER_BALANCE_TOOLTIP_ID
   }), _react.default.createElement(_ChartWithData.ChartWithData, {
     currencies: timeUnit && currencies,
     timeUnit: selectedTimeUnit

package/dist/main/CurrencyPowerBalanceWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireWildcard","_graphql","_ChartWithData","_TimeUnitSwitch","_config","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","timeUnit","currencies","size","useLayoutProvider","lang","useLocale","selectedTimeUnit","setSelectedTimeUnit","useState","CurrencyPowerBalanceTimeUnit","CurrentDay","createElement","Fragment","className","timeUnitConfig","filter","_ref2","value","map","_ref3","tooltipLabel","label","key","translationKey","count","TimeUnitSwitch","callback","options","selected","ChartWithData","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/Main.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useState } from 'react';\n\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport { TimeUnitSwitch } from './components/TimeUnitSwitch';\nimport { timeUnitConfig } from './config';\nimport type { MainProps } from './types';\n\nconst Main = ({ timeUnit, currencies }: MainProps) => {\n  const { size } = useLayoutProvider();\n  const { lang } = useLocale();\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    timeUnit || CurrencyPowerBalanceTimeUnit.CurrentDay\n  );\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n          data-testid=\"currency-power-balance-wrapper\"\n        >\n          {timeUnit && currencies ? (\n            <>\n              {timeUnitConfig\n                .filter(({ value }) => value === selectedTimeUnit)\n                .map(({ tooltipLabel, label }) => (\n                  <div\n                    key={label}\n                    className=\"lw-mb-6 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold\"\n                    data-testid=\"time-unit-label\"\n                  >\n                    {tooltipLabel ? (\n                      <span>{`${lang(tooltipLabel!.translationKey, { count: tooltipLabel!.count })}`}</span>\n                    ) : (\n                      <span>{`${lang(label)}`}</span>\n                    )}\n                  </div>\n                ))}\n            </>\n          ) : (\n            <TimeUnitSwitch\n              callback={setSelectedTimeUnit}\n              options={timeUnitConfig}\n              selected={selectedTimeUnit}\n            />\n          )}\n          <ChartWithData\n            currencies={timeUnit && currencies}\n            timeUnit={selectedTimeUnit}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireWildcard","_graphql","_ChartWithData","_config","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","timeUnit","currencies","size","useLayoutProvider","lang","useLocale","selectedTimeUnit","setSelectedTimeUnit","useState","CurrencyPowerBalanceTimeUnit","CurrentDay","createElement","Fragment","className","timeUnitConfig","filter","_ref2","value","map","_ref3","tooltipLabel","label","key","translationKey","count","TimeUnitSwitch","callback","options","selected","tooltipId","CURRENCY_POWER_BALANCE_TOOLTIP_ID","ChartWithData","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/Main.tsx"],"sourcesContent":["import { TimeUnitSwitch, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useState } from 'react';\n\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport { timeUnitConfig } from './config';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';\nimport type { MainProps } from './types';\n\nconst Main = ({ timeUnit, currencies }: MainProps) => {\n  const { size } = useLayoutProvider();\n  const { lang } = useLocale();\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    timeUnit || CurrencyPowerBalanceTimeUnit.CurrentDay\n  );\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n          data-testid=\"currency-power-balance-wrapper\"\n        >\n          {timeUnit && currencies ? (\n            <>\n              {timeUnitConfig\n                .filter(({ value }) => value === selectedTimeUnit)\n                .map(({ tooltipLabel, label }) => (\n                  <div\n                    key={label}\n                    className=\"lw-mb-6 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold\"\n                    data-testid=\"time-unit-label\"\n                  >\n                    {tooltipLabel ? (\n                      <span>{`${lang(tooltipLabel!.translationKey, { count: tooltipLabel!.count })}`}</span>\n                    ) : (\n                      <span>{`${lang(label)}`}</span>\n                    )}\n                  </div>\n                ))}\n            </>\n          ) : (\n            <TimeUnitSwitch<CurrencyPowerBalanceTimeUnit>\n              callback={setSelectedTimeUnit}\n              options={timeUnitConfig}\n              selected={selectedTimeUnit}\n              tooltipId={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n            />\n          )}\n          <ChartWithData\n            currencies={timeUnit && currencies}\n            timeUnit={selectedTimeUnit}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/Main.js

@@ -1,10 +1,10 @@
-import { useLayoutProvider } from '@oanda/labs-widget-common';
+import { TimeUnitSwitch, useLayoutProvider } from '@oanda/labs-widget-common';
 import { useLocale } from '@oanda/mono-i18n';
 import React, { useState } from 'react';
 import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
 import { ChartWithData } from './ChartWithData';
-import { TimeUnitSwitch } from './components/TimeUnitSwitch';
 import { timeUnitConfig } from './config';
+import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';
 const Main = _ref => {
   let {
     timeUnit,
@@ -40,7 +40,8 @@ const Main = _ref => {
   })) : React.createElement(TimeUnitSwitch, {
     callback: setSelectedTimeUnit,
     options: timeUnitConfig,
-    selected: selectedTimeUnit
+    selected: selectedTimeUnit,
+    tooltipId: CURRENCY_POWER_BALANCE_TOOLTIP_ID
   }), React.createElement(ChartWithData, {
     currencies: timeUnit && currencies,
     timeUnit: selectedTimeUnit

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["useLayoutProvider","useLocale","React","useState","CurrencyPowerBalanceTimeUnit","ChartWithData","TimeUnitSwitch","timeUnitConfig","Main","_ref","timeUnit","currencies","size","lang","selectedTimeUnit","setSelectedTimeUnit","CurrentDay","createElement","Fragment","className","filter","_ref2","value","map","_ref3","tooltipLabel","label","key","translationKey","count","callback","options","selected"],"sources":["../../../src/CurrencyPowerBalanceWidget/Main.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useState } from 'react';\n\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport { TimeUnitSwitch } from './components/TimeUnitSwitch';\nimport { timeUnitConfig } from './config';\nimport type { MainProps } from './types';\n\nconst Main = ({ timeUnit, currencies }: MainProps) => {\n  const { size } = useLayoutProvider();\n  const { lang } = useLocale();\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    timeUnit || CurrencyPowerBalanceTimeUnit.CurrentDay\n  );\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n          data-testid=\"currency-power-balance-wrapper\"\n        >\n          {timeUnit && currencies ? (\n            <>\n              {timeUnitConfig\n                .filter(({ value }) => value === selectedTimeUnit)\n                .map(({ tooltipLabel, label }) => (\n                  <div\n                    key={label}\n                    className=\"lw-mb-6 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold\"\n                    data-testid=\"time-unit-label\"\n                  >\n                    {tooltipLabel ? (\n                      <span>{`${lang(tooltipLabel!.translationKey, { count: tooltipLabel!.count })}`}</span>\n                    ) : (\n                      <span>{`${lang(label)}`}</span>\n                    )}\n                  </div>\n                ))}\n            </>\n          ) : (\n            <TimeUnitSwitch\n              callback={setSelectedTimeUnit}\n              options={timeUnitConfig}\n              selected={selectedTimeUnit}\n            />\n          )}\n          <ChartWithData\n            currencies={timeUnit && currencies}\n            timeUnit={selectedTimeUnit}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,4BAA4B,QAAQ,sBAAsB;AACnE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,cAAc,QAAQ,UAAU;AAGzC,MAAMC,IAAI,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,QAAQ;IAAEC;EAAsB,CAAC,GAAAF,IAAA;EAC/C,MAAM;IAAEG;EAAK,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAEa;EAAK,CAAC,GAAGZ,SAAS,CAAC,CAAC;EAC5B,MAAM,CAACa,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGZ,QAAQ,CACtDO,QAAQ,IAAIN,4BAA4B,CAACY,UAC3C,CAAC;EACD,OACEd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACGN,IAAI,IACHV,KAAA,CAAAe,aAAA;IACEE,SAAS,EAAC,mDAAmD;IAC7D,eAAY;EAAgC,GAE3CT,QAAQ,IAAIC,UAAU,GACrBT,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACGX,cAAc,CACZa,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,KAAKR,gBAAgB;EAAA,EAAC,CACjDS,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,YAAY;MAAEC;IAAM,CAAC,GAAAF,KAAA;IAAA,OAC3BtB,KAAA,CAAAe,aAAA;MACEU,GAAG,EAAED,KAAM;MACXP,SAAS,EAAC,wEAAwE;MAClF,eAAY;IAAiB,GAE5BM,YAAY,GACXvB,KAAA,CAAAe,aAAA,eAAO,GAAGJ,IAAI,CAACY,YAAY,CAAEG,cAAc,EAAE;MAAEC,KAAK,EAAEJ,YAAY,CAAEI;IAAM,CAAC,CAAC,EAAS,CAAC,GAEtF3B,KAAA,CAAAe,aAAA,eAAO,GAAGJ,IAAI,CAACa,KAAK,CAAC,EAAS,CAE7B,CAAC;EAAA,CACP,CACH,CAAC,GAEHxB,KAAA,CAAAe,aAAA,CAACX,cAAc;IACbwB,QAAQ,EAAEf,mBAAoB;IAC9BgB,OAAO,EAAExB,cAAe;IACxByB,QAAQ,EAAElB;EAAiB,CAC5B,CACF,EACDZ,KAAA,CAAAe,aAAA,CAACZ,aAAa;IACZM,UAAU,EAAED,QAAQ,IAAIC,UAAW;IACnCD,QAAQ,EAAEI;EAAiB,CAC5B,CACE,CAEP,CAAC;AAEP,CAAC;AAED,SAASN,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["TimeUnitSwitch","useLayoutProvider","useLocale","React","useState","CurrencyPowerBalanceTimeUnit","ChartWithData","timeUnitConfig","CURRENCY_POWER_BALANCE_TOOLTIP_ID","Main","_ref","timeUnit","currencies","size","lang","selectedTimeUnit","setSelectedTimeUnit","CurrentDay","createElement","Fragment","className","filter","_ref2","value","map","_ref3","tooltipLabel","label","key","translationKey","count","callback","options","selected","tooltipId"],"sources":["../../../src/CurrencyPowerBalanceWidget/Main.tsx"],"sourcesContent":["import { TimeUnitSwitch, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useState } from 'react';\n\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport { timeUnitConfig } from './config';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';\nimport type { MainProps } from './types';\n\nconst Main = ({ timeUnit, currencies }: MainProps) => {\n  const { size } = useLayoutProvider();\n  const { lang } = useLocale();\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    timeUnit || CurrencyPowerBalanceTimeUnit.CurrentDay\n  );\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n          data-testid=\"currency-power-balance-wrapper\"\n        >\n          {timeUnit && currencies ? (\n            <>\n              {timeUnitConfig\n                .filter(({ value }) => value === selectedTimeUnit)\n                .map(({ tooltipLabel, label }) => (\n                  <div\n                    key={label}\n                    className=\"lw-mb-6 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold\"\n                    data-testid=\"time-unit-label\"\n                  >\n                    {tooltipLabel ? (\n                      <span>{`${lang(tooltipLabel!.translationKey, { count: tooltipLabel!.count })}`}</span>\n                    ) : (\n                      <span>{`${lang(label)}`}</span>\n                    )}\n                  </div>\n                ))}\n            </>\n          ) : (\n            <TimeUnitSwitch<CurrencyPowerBalanceTimeUnit>\n              callback={setSelectedTimeUnit}\n              options={timeUnitConfig}\n              selected={selectedTimeUnit}\n              tooltipId={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n            />\n          )}\n          <ChartWithData\n            currencies={timeUnit && currencies}\n            timeUnit={selectedTimeUnit}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,cAAc,EAAEC,iBAAiB,QAAQ,2BAA2B;AAC7E,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,4BAA4B,QAAQ,sBAAsB;AACnE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,iCAAiC,QAAQ,aAAa;AAG/D,MAAMC,IAAI,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,QAAQ;IAAEC;EAAsB,CAAC,GAAAF,IAAA;EAC/C,MAAM;IAAEG;EAAK,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAEa;EAAK,CAAC,GAAGZ,SAAS,CAAC,CAAC;EAC5B,MAAM,CAACa,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGZ,QAAQ,CACtDO,QAAQ,IAAIN,4BAA4B,CAACY,UAC3C,CAAC;EACD,OACEd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACGN,IAAI,IACHV,KAAA,CAAAe,aAAA;IACEE,SAAS,EAAC,mDAAmD;IAC7D,eAAY;EAAgC,GAE3CT,QAAQ,IAAIC,UAAU,GACrBT,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACGZ,cAAc,CACZc,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,KAAKR,gBAAgB;EAAA,EAAC,CACjDS,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,YAAY;MAAEC;IAAM,CAAC,GAAAF,KAAA;IAAA,OAC3BtB,KAAA,CAAAe,aAAA;MACEU,GAAG,EAAED,KAAM;MACXP,SAAS,EAAC,wEAAwE;MAClF,eAAY;IAAiB,GAE5BM,YAAY,GACXvB,KAAA,CAAAe,aAAA,eAAO,GAAGJ,IAAI,CAACY,YAAY,CAAEG,cAAc,EAAE;MAAEC,KAAK,EAAEJ,YAAY,CAAEI;IAAM,CAAC,CAAC,EAAS,CAAC,GAEtF3B,KAAA,CAAAe,aAAA,eAAO,GAAGJ,IAAI,CAACa,KAAK,CAAC,EAAS,CAE7B,CAAC;EAAA,CACP,CACH,CAAC,GAEHxB,KAAA,CAAAe,aAAA,CAAClB,cAAc;IACb+B,QAAQ,EAAEf,mBAAoB;IAC9BgB,OAAO,EAAEzB,cAAe;IACxB0B,QAAQ,EAAElB,gBAAiB;IAC3BmB,SAAS,EAAE1B;EAAkC,CAC9C,CACF,EACDL,KAAA,CAAAe,aAAA,CAACZ,aAAa;IACZM,UAAU,EAAED,QAAQ,IAAIC,UAAW;IACnCD,QAAQ,EAAEI;EAAiB,CAC5B,CACE,CAEP,CAAC;AAEP,CAAC;AAED,SAASN,IAAI","ignoreList":[]}

package/package.json

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

package/src/CurrencyPowerBalanceWidget/Main.tsx

@@ -1,11 +1,11 @@
-import { useLayoutProvider } from '@oanda/labs-widget-common';
+import { TimeUnitSwitch, useLayoutProvider } from '@oanda/labs-widget-common';
 import { useLocale } from '@oanda/mono-i18n';
 import React, { useState } from 'react';
 
 import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
 import { ChartWithData } from './ChartWithData';
-import { TimeUnitSwitch } from './components/TimeUnitSwitch';
 import { timeUnitConfig } from './config';
+import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';
 import type { MainProps } from './types';
 
 const Main = ({ timeUnit, currencies }: MainProps) => {
@@ -40,10 +40,11 @@ const Main = ({ timeUnit, currencies }: MainProps) => {
                 ))}
             </>
           ) : (
-            <TimeUnitSwitch
+            <TimeUnitSwitch<CurrencyPowerBalanceTimeUnit>
               callback={setSelectedTimeUnit}
               options={timeUnitConfig}
               selected={selectedTimeUnit}
+              tooltipId={CURRENCY_POWER_BALANCE_TOOLTIP_ID}
             />
           )}
           <ChartWithData

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TimeUnitSelect = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _monoI18n = require("@oanda/mono-i18n");
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TimeUnitSelect = _ref => {
-  let {
-    selected,
-    options,
-    callback
-  } = _ref;
-  const {
-    lang
-  } = (0, _monoI18n.useLocale)();
-  const selectOptions = options.map(_ref2 => {
-    let {
-      value: id,
-      label,
-      tooltipLabel
-    } = _ref2;
-    return {
-      id,
-      label: tooltipLabel ? lang(tooltipLabel.translationKey, {
-        count: tooltipLabel.count
-      }) : lang(label)
-    };
-  });
-  const [{
-    label: selectedLabel
-  }] = selectOptions.filter(_ref3 => {
-    let {
-      id
-    } = _ref3;
-    return id === selected;
-  });
-  return _react.default.createElement("div", {
-    className: "lw-mb-6 lw-w-full",
-    "data-testid": "time-unit-select"
-  }, _react.default.createElement(_labsWidgetCommon.Select, {
-    options: selectOptions,
-    searchPlaceholder: lang('search'),
-    selectedOption: {
-      id: selected,
-      label: selectedLabel
-    },
-    setSelectedOption: _ref4 => {
-      let {
-        id
-      } = _ref4;
-      return callback(id);
-    }
-  }));
-};
-exports.TimeUnitSelect = TimeUnitSelect;
-//# sourceMappingURL=TimeUnitSelect.js.map

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeUnitSelect.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireDefault","e","__esModule","default","TimeUnitSelect","_ref","selected","options","callback","lang","useLocale","selectOptions","map","_ref2","value","id","label","tooltipLabel","translationKey","count","selectedLabel","filter","_ref3","createElement","className","Select","searchPlaceholder","selectedOption","setSelectedOption","_ref4","exports"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx"],"sourcesContent":["import { Select } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\nimport type { TimeUnitSwitchProps } from './types';\n\nconst TimeUnitSelect = ({\n  selected,\n  options,\n  callback,\n}: TimeUnitSwitchProps) => {\n  const { lang } = useLocale();\n  const selectOptions = options.map(({ value: id, label, tooltipLabel }) => ({\n    id,\n    label: tooltipLabel\n      ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n      : lang(label),\n  }));\n  const [{ label: selectedLabel }] = selectOptions.filter(\n    ({ id }) => id === selected\n  );\n\n  return (\n    <div className=\"lw-mb-6 lw-w-full\" data-testid=\"time-unit-select\">\n      <Select\n        options={selectOptions}\n        searchPlaceholder={lang('search')}\n        selectedOption={{ id: selected, label: selectedLabel }}\n        setSelectedOption={({ id }) =>\n          callback(id as CurrencyPowerBalanceTimeUnit)\n        }\n      />\n    </div>\n  );\n};\n\nexport { TimeUnitSelect };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAK1B,MAAMG,cAAc,GAAGC,IAAA,IAII;EAAA,IAJH;IACtBC,QAAQ;IACRC,OAAO;IACPC;EACmB,CAAC,GAAAH,IAAA;EACpB,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAMC,aAAa,GAAGJ,OAAO,CAACK,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,KAAK,EAAEC,EAAE;MAAEC,KAAK;MAAEC;IAAa,CAAC,GAAAJ,KAAA;IAAA,OAAM;MACzEE,EAAE;MACFC,KAAK,EAAEC,YAAY,GACfR,IAAI,CAACQ,YAAY,CAACC,cAAc,EAAE;QAAEC,KAAK,EAAEF,YAAY,CAACE;MAAM,CAAC,CAAC,GAChEV,IAAI,CAACO,KAAK;IAChB,CAAC;EAAA,CAAC,CAAC;EACH,MAAM,CAAC;IAAEA,KAAK,EAAEI;EAAc,CAAC,CAAC,GAAGT,aAAa,CAACU,MAAM,CACrDC,KAAA;IAAA,IAAC;MAAEP;IAAG,CAAC,GAAAO,KAAA;IAAA,OAAKP,EAAE,KAAKT,QAAQ;EAAA,CAC7B,CAAC;EAED,OACEP,MAAA,CAAAI,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,GAC/DzB,MAAA,CAAAI,OAAA,CAAAoB,aAAA,CAAC3B,iBAAA,CAAA6B,MAAM;IACLlB,OAAO,EAAEI,aAAc;IACvBe,iBAAiB,EAAEjB,IAAI,CAAC,QAAQ,CAAE;IAClCkB,cAAc,EAAE;MAAEZ,EAAE,EAAET,QAAQ;MAAEU,KAAK,EAAEI;IAAc,CAAE;IACvDQ,iBAAiB,EAAEC,KAAA;MAAA,IAAC;QAAEd;MAAG,CAAC,GAAAc,KAAA;MAAA,OACxBrB,QAAQ,CAACO,EAAkC,CAAC;IAAA;EAC7C,CACF,CACE,CAAC;AAEV,CAAC;AAACe,OAAA,CAAA1B,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TimeUnitSwitch = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _monoI18n = require("@oanda/mono-i18n");
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../../constants");
-var _TimeUnitSelect = require("./TimeUnitSelect");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TimeUnitSwitch = _ref => {
-  let {
-    selected,
-    options,
-    callback
-  } = _ref;
-  const {
-    lang
-  } = (0, _monoI18n.useLocale)();
-  const {
-    size
-  } = (0, _labsWidgetCommon.useLayoutProvider)();
-  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
-  const handleButtonClick = e => {
-    callback(e.currentTarget.value);
-  };
-  return _react.default.createElement(_react.default.Fragment, null, isDesktop ? _react.default.createElement("div", {
-    className: "lw-mb-6 lw-flex lw-gap-1 lw-self-end",
-    "data-testid": "time-unit-switch"
-  }, options.map(_ref2 => {
-    let {
-      value,
-      label,
-      tooltipLabel
-    } = _ref2;
-    const tooltip = tooltipLabel ? lang(tooltipLabel.translationKey, {
-      count: tooltipLabel.count
-    }) : tooltipLabel;
-    const buttonLabel = lang(label);
-    return _react.default.createElement(_labsWidgetCommon.Button, {
-      key: value,
-      "data-tooltip-content": tooltip,
-      "data-tooltip-id": _constants.CURRENCY_POWER_BALANCE_TOOLTIP_ID,
-      size: _labsWidgetCommon.ButtonSize.full,
-      value: value,
-      variant: selected === value ? _labsWidgetCommon.ButtonVariant.primary : _labsWidgetCommon.ButtonVariant.secondary,
-      onClick: handleButtonClick
-    }, buttonLabel);
-  })) : _react.default.createElement(_TimeUnitSelect.TimeUnitSelect, {
-    callback: callback,
-    options: options,
-    selected: selected
-  }));
-};
-exports.TimeUnitSwitch = TimeUnitSwitch;
-//# sourceMappingURL=TimeUnitSwitch.js.map

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeUnitSwitch.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireDefault","_constants","_TimeUnitSelect","e","__esModule","default","TimeUnitSwitch","_ref","selected","options","callback","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","handleButtonClick","currentTarget","value","createElement","Fragment","className","map","_ref2","label","tooltipLabel","tooltip","translationKey","count","buttonLabel","Button","key","CURRENCY_POWER_BALANCE_TOOLTIP_ID","ButtonSize","full","variant","ButtonVariant","primary","secondary","onClick","TimeUnitSelect","exports"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonSize,\n  ButtonVariant,\n  Size,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';\nimport { TimeUnitSelect } from './TimeUnitSelect';\nimport type { TimeUnitSwitchProps } from './types';\n\nconst TimeUnitSwitch = ({\n  selected,\n  options,\n  callback,\n}: TimeUnitSwitchProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    callback(e.currentTarget.value as CurrencyPowerBalanceTimeUnit);\n  };\n\n  return (\n    <>\n      {isDesktop ? (\n        <div\n          className=\"lw-mb-6 lw-flex lw-gap-1 lw-self-end\"\n          data-testid=\"time-unit-switch\"\n        >\n          {options.map(({ value, label, tooltipLabel }) => {\n            const tooltip = tooltipLabel\n              ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n              : tooltipLabel;\n            const buttonLabel = lang(label);\n\n            return (\n              <Button\n                key={value}\n                data-tooltip-content={tooltip}\n                data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n                size={ButtonSize.full}\n                value={value}\n                variant={\n                  selected === value\n                    ? ButtonVariant.primary\n                    : ButtonVariant.secondary\n                }\n                onClick={handleButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            );\n          })}\n        </div>\n      ) : (\n        <TimeUnitSelect\n          callback={callback}\n          options={options}\n          selected={selected}\n        />\n      )}\n    </>\n  );\n};\n\nexport { TimeUnitSwitch };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAOA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAAkD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGlD,MAAMG,cAAc,GAAGC,IAAA,IAII;EAAA,IAJH;IACtBC,QAAQ;IACRC,OAAO;IACPC;EACmB,CAAC,GAAAH,IAAA;EACpB,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,MAAMC,iBAAiB,GAAIf,CAA0C,IAAK;IACxEO,QAAQ,CAACP,CAAC,CAACgB,aAAa,CAACC,KAAqC,CAAC;EACjE,CAAC;EAED,OACErB,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAAAtB,MAAA,CAAAM,OAAA,CAAAiB,QAAA,QACGP,SAAS,GACRhB,MAAA,CAAAM,OAAA,CAAAgB,aAAA;IACEE,SAAS,EAAC,sCAAsC;IAChD,eAAY;EAAkB,GAE7Bd,OAAO,CAACe,GAAG,CAACC,KAAA,IAAoC;IAAA,IAAnC;MAAEL,KAAK;MAAEM,KAAK;MAAEC;IAAa,CAAC,GAAAF,KAAA;IAC1C,MAAMG,OAAO,GAAGD,YAAY,GACxBhB,IAAI,CAACgB,YAAY,CAACE,cAAc,EAAE;MAAEC,KAAK,EAAEH,YAAY,CAACG;IAAM,CAAC,CAAC,GAChEH,YAAY;IAChB,MAAMI,WAAW,GAAGpB,IAAI,CAACe,KAAK,CAAC;IAE/B,OACE3B,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACzB,iBAAA,CAAAoC,MAAM;MACLC,GAAG,EAAEb,KAAM;MACX,wBAAsBQ,OAAQ;MAC9B,mBAAiBM,4CAAkC;MACnDrB,IAAI,EAAEsB,4BAAU,CAACC,IAAK;MACtBhB,KAAK,EAAEA,KAAM;MACbiB,OAAO,EACL7B,QAAQ,KAAKY,KAAK,GACdkB,+BAAa,CAACC,OAAO,GACrBD,+BAAa,CAACE,SACnB;MACDC,OAAO,EAAEvB;IAAkB,GAE1Ba,WACK,CAAC;EAEb,CAAC,CACE,CAAC,GAENhC,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACnB,eAAA,CAAAwC,cAAc;IACbhC,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA;EAAS,CACpB,CAEH,CAAC;AAEP,CAAC;AAACmC,OAAA,CAAArC,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _TimeUnitSwitch = require("./TimeUnitSwitch");
-Object.keys(_TimeUnitSwitch).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TimeUnitSwitch[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _TimeUnitSwitch[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_TimeUnitSwitch","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/index.ts"],"sourcesContent":["export * from './TimeUnitSwitch';\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.js

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

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.ts"],"sourcesContent":["import type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nexport interface TimeUnitOption {\n  value: CurrencyPowerBalanceTimeUnit;\n  label: string;\n  tooltipLabel?: TooltipLabel;\n}\n\nexport interface TimeUnitSwitchProps {\n  selected: CurrencyPowerBalanceTimeUnit;\n  options: TimeUnitOption[];\n  callback: (value: CurrencyPowerBalanceTimeUnit) => void;\n}\n\ninterface TooltipLabel {\n  translationKey: string;\n  count: number;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.js

@@ -1,53 +0,0 @@
-import { Select } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-const TimeUnitSelect = _ref => {
-  let {
-    selected,
-    options,
-    callback
-  } = _ref;
-  const {
-    lang
-  } = useLocale();
-  const selectOptions = options.map(_ref2 => {
-    let {
-      value: id,
-      label,
-      tooltipLabel
-    } = _ref2;
-    return {
-      id,
-      label: tooltipLabel ? lang(tooltipLabel.translationKey, {
-        count: tooltipLabel.count
-      }) : lang(label)
-    };
-  });
-  const [{
-    label: selectedLabel
-  }] = selectOptions.filter(_ref3 => {
-    let {
-      id
-    } = _ref3;
-    return id === selected;
-  });
-  return React.createElement("div", {
-    className: "lw-mb-6 lw-w-full",
-    "data-testid": "time-unit-select"
-  }, React.createElement(Select, {
-    options: selectOptions,
-    searchPlaceholder: lang('search'),
-    selectedOption: {
-      id: selected,
-      label: selectedLabel
-    },
-    setSelectedOption: _ref4 => {
-      let {
-        id
-      } = _ref4;
-      return callback(id);
-    }
-  }));
-};
-export { TimeUnitSelect };
-//# sourceMappingURL=TimeUnitSelect.js.map

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeUnitSelect.js","names":["Select","useLocale","React","TimeUnitSelect","_ref","selected","options","callback","lang","selectOptions","map","_ref2","value","id","label","tooltipLabel","translationKey","count","selectedLabel","filter","_ref3","createElement","className","searchPlaceholder","selectedOption","setSelectedOption","_ref4"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx"],"sourcesContent":["import { Select } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\nimport type { TimeUnitSwitchProps } from './types';\n\nconst TimeUnitSelect = ({\n  selected,\n  options,\n  callback,\n}: TimeUnitSwitchProps) => {\n  const { lang } = useLocale();\n  const selectOptions = options.map(({ value: id, label, tooltipLabel }) => ({\n    id,\n    label: tooltipLabel\n      ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n      : lang(label),\n  }));\n  const [{ label: selectedLabel }] = selectOptions.filter(\n    ({ id }) => id === selected\n  );\n\n  return (\n    <div className=\"lw-mb-6 lw-w-full\" data-testid=\"time-unit-select\">\n      <Select\n        options={selectOptions}\n        searchPlaceholder={lang('search')}\n        selectedOption={{ id: selected, label: selectedLabel }}\n        setSelectedOption={({ id }) =>\n          callback(id as CurrencyPowerBalanceTimeUnit)\n        }\n      />\n    </div>\n  );\n};\n\nexport { TimeUnitSelect };\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAKzB,MAAMC,cAAc,GAAGC,IAAA,IAII;EAAA,IAJH;IACtBC,QAAQ;IACRC,OAAO;IACPC;EACmB,CAAC,GAAAH,IAAA;EACpB,MAAM;IAAEI;EAAK,CAAC,GAAGP,SAAS,CAAC,CAAC;EAC5B,MAAMQ,aAAa,GAAGH,OAAO,CAACI,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,KAAK,EAAEC,EAAE;MAAEC,KAAK;MAAEC;IAAa,CAAC,GAAAJ,KAAA;IAAA,OAAM;MACzEE,EAAE;MACFC,KAAK,EAAEC,YAAY,GACfP,IAAI,CAACO,YAAY,CAACC,cAAc,EAAE;QAAEC,KAAK,EAAEF,YAAY,CAACE;MAAM,CAAC,CAAC,GAChET,IAAI,CAACM,KAAK;IAChB,CAAC;EAAA,CAAC,CAAC;EACH,MAAM,CAAC;IAAEA,KAAK,EAAEI;EAAc,CAAC,CAAC,GAAGT,aAAa,CAACU,MAAM,CACrDC,KAAA;IAAA,IAAC;MAAEP;IAAG,CAAC,GAAAO,KAAA;IAAA,OAAKP,EAAE,KAAKR,QAAQ;EAAA,CAC7B,CAAC;EAED,OACEH,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,GAC/DpB,KAAA,CAAAmB,aAAA,CAACrB,MAAM;IACLM,OAAO,EAAEG,aAAc;IACvBc,iBAAiB,EAAEf,IAAI,CAAC,QAAQ,CAAE;IAClCgB,cAAc,EAAE;MAAEX,EAAE,EAAER,QAAQ;MAAES,KAAK,EAAEI;IAAc,CAAE;IACvDO,iBAAiB,EAAEC,KAAA;MAAA,IAAC;QAAEb;MAAG,CAAC,GAAAa,KAAA;MAAA,OACxBnB,QAAQ,CAACM,EAAkC,CAAC;IAAA;EAC7C,CACF,CACE,CAAC;AAEV,CAAC;AAED,SAASV,cAAc","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.js

@@ -1,51 +0,0 @@
-import { Button, ButtonSize, ButtonVariant, Size, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';
-import { TimeUnitSelect } from './TimeUnitSelect';
-const TimeUnitSwitch = _ref => {
-  let {
-    selected,
-    options,
-    callback
-  } = _ref;
-  const {
-    lang
-  } = useLocale();
-  const {
-    size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-  const handleButtonClick = e => {
-    callback(e.currentTarget.value);
-  };
-  return React.createElement(React.Fragment, null, isDesktop ? React.createElement("div", {
-    className: "lw-mb-6 lw-flex lw-gap-1 lw-self-end",
-    "data-testid": "time-unit-switch"
-  }, options.map(_ref2 => {
-    let {
-      value,
-      label,
-      tooltipLabel
-    } = _ref2;
-    const tooltip = tooltipLabel ? lang(tooltipLabel.translationKey, {
-      count: tooltipLabel.count
-    }) : tooltipLabel;
-    const buttonLabel = lang(label);
-    return React.createElement(Button, {
-      key: value,
-      "data-tooltip-content": tooltip,
-      "data-tooltip-id": CURRENCY_POWER_BALANCE_TOOLTIP_ID,
-      size: ButtonSize.full,
-      value: value,
-      variant: selected === value ? ButtonVariant.primary : ButtonVariant.secondary,
-      onClick: handleButtonClick
-    }, buttonLabel);
-  })) : React.createElement(TimeUnitSelect, {
-    callback: callback,
-    options: options,
-    selected: selected
-  }));
-};
-export { TimeUnitSwitch };
-//# sourceMappingURL=TimeUnitSwitch.js.map

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeUnitSwitch.js","names":["Button","ButtonSize","ButtonVariant","Size","useLayoutProvider","useLocale","React","CURRENCY_POWER_BALANCE_TOOLTIP_ID","TimeUnitSelect","TimeUnitSwitch","_ref","selected","options","callback","lang","size","isDesktop","DESKTOP","handleButtonClick","e","currentTarget","value","createElement","Fragment","className","map","_ref2","label","tooltipLabel","tooltip","translationKey","count","buttonLabel","key","full","variant","primary","secondary","onClick"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonSize,\n  ButtonVariant,\n  Size,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';\nimport { TimeUnitSelect } from './TimeUnitSelect';\nimport type { TimeUnitSwitchProps } from './types';\n\nconst TimeUnitSwitch = ({\n  selected,\n  options,\n  callback,\n}: TimeUnitSwitchProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    callback(e.currentTarget.value as CurrencyPowerBalanceTimeUnit);\n  };\n\n  return (\n    <>\n      {isDesktop ? (\n        <div\n          className=\"lw-mb-6 lw-flex lw-gap-1 lw-self-end\"\n          data-testid=\"time-unit-switch\"\n        >\n          {options.map(({ value, label, tooltipLabel }) => {\n            const tooltip = tooltipLabel\n              ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n              : tooltipLabel;\n            const buttonLabel = lang(label);\n\n            return (\n              <Button\n                key={value}\n                data-tooltip-content={tooltip}\n                data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n                size={ButtonSize.full}\n                value={value}\n                variant={\n                  selected === value\n                    ? ButtonVariant.primary\n                    : ButtonVariant.secondary\n                }\n                onClick={handleButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            );\n          })}\n        </div>\n      ) : (\n        <TimeUnitSelect\n          callback={callback}\n          options={options}\n          selected={selected}\n        />\n      )}\n    </>\n  );\n};\n\nexport { TimeUnitSwitch };\n"],"mappings":"AAAA,SACEA,MAAM,EACNC,UAAU,EACVC,aAAa,EACbC,IAAI,EACJC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,iCAAiC,QAAQ,iBAAiB;AACnE,SAASC,cAAc,QAAQ,kBAAkB;AAGjD,MAAMC,cAAc,GAAGC,IAAA,IAII;EAAA,IAJH;IACtBC,QAAQ;IACRC,OAAO;IACPC;EACmB,CAAC,GAAAH,IAAA;EACpB,MAAM;IAAEI;EAAK,CAAC,GAAGT,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEU;EAAK,CAAC,GAAGX,iBAAiB,CAAC,CAAC;EACpC,MAAMY,SAAS,GAAGD,IAAI,KAAKZ,IAAI,CAACc,OAAO;EAEvC,MAAMC,iBAAiB,GAAIC,CAA0C,IAAK;IACxEN,QAAQ,CAACM,CAAC,CAACC,aAAa,CAACC,KAAqC,CAAC;EACjE,CAAC;EAED,OACEf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,QACGP,SAAS,GACRV,KAAA,CAAAgB,aAAA;IACEE,SAAS,EAAC,sCAAsC;IAChD,eAAY;EAAkB,GAE7BZ,OAAO,CAACa,GAAG,CAACC,KAAA,IAAoC;IAAA,IAAnC;MAAEL,KAAK;MAAEM,KAAK;MAAEC;IAAa,CAAC,GAAAF,KAAA;IAC1C,MAAMG,OAAO,GAAGD,YAAY,GACxBd,IAAI,CAACc,YAAY,CAACE,cAAc,EAAE;MAAEC,KAAK,EAAEH,YAAY,CAACG;IAAM,CAAC,CAAC,GAChEH,YAAY;IAChB,MAAMI,WAAW,GAAGlB,IAAI,CAACa,KAAK,CAAC;IAE/B,OACErB,KAAA,CAAAgB,aAAA,CAACtB,MAAM;MACLiC,GAAG,EAAEZ,KAAM;MACX,wBAAsBQ,OAAQ;MAC9B,mBAAiBtB,iCAAkC;MACnDQ,IAAI,EAAEd,UAAU,CAACiC,IAAK;MACtBb,KAAK,EAAEA,KAAM;MACbc,OAAO,EACLxB,QAAQ,KAAKU,KAAK,GACdnB,aAAa,CAACkC,OAAO,GACrBlC,aAAa,CAACmC,SACnB;MACDC,OAAO,EAAEpB;IAAkB,GAE1Bc,WACK,CAAC;EAEb,CAAC,CACE,CAAC,GAEN1B,KAAA,CAAAgB,aAAA,CAACd,cAAc;IACbK,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA;EAAS,CACpB,CAEH,CAAC;AAEP,CAAC;AAED,SAASF,cAAc","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/index.js

@@ -1,2 +0,0 @@
-export * from './TimeUnitSwitch';
-//# sourceMappingURL=index.js.map

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/index.ts"],"sourcesContent":["export * from './TimeUnitSwitch';\n"],"mappings":"AAAA,cAAc,kBAAkB","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.ts"],"sourcesContent":["import type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nexport interface TimeUnitOption {\n  value: CurrencyPowerBalanceTimeUnit;\n  label: string;\n  tooltipLabel?: TooltipLabel;\n}\n\nexport interface TimeUnitSwitchProps {\n  selected: CurrencyPowerBalanceTimeUnit;\n  options: TimeUnitOption[];\n  callback: (value: CurrencyPowerBalanceTimeUnit) => void;\n}\n\ninterface TooltipLabel {\n  translationKey: string;\n  count: number;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/types/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TimeUnitSwitchProps } from './types';
-declare const TimeUnitSelect: ({ selected, options, callback, }: TimeUnitSwitchProps) => React.JSX.Element;
-export { TimeUnitSelect };

package/dist/types/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TimeUnitSwitchProps } from './types';
-declare const TimeUnitSwitch: ({ selected, options, callback, }: TimeUnitSwitchProps) => React.JSX.Element;
-export { TimeUnitSwitch };

package/dist/types/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/index.d.ts

@@ -1 +0,0 @@
-export * from './TimeUnitSwitch';

package/dist/types/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.d.ts

@@ -1,16 +0,0 @@
-import type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
-export interface TimeUnitOption {
-    value: CurrencyPowerBalanceTimeUnit;
-    label: string;
-    tooltipLabel?: TooltipLabel;
-}
-export interface TimeUnitSwitchProps {
-    selected: CurrencyPowerBalanceTimeUnit;
-    options: TimeUnitOption[];
-    callback: (value: CurrencyPowerBalanceTimeUnit) => void;
-}
-interface TooltipLabel {
-    translationKey: string;
-    count: number;
-}
-export {};

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx

@@ -1,38 +0,0 @@
-import { Select } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-
-import type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
-import type { TimeUnitSwitchProps } from './types';
-
-const TimeUnitSelect = ({
-  selected,
-  options,
-  callback,
-}: TimeUnitSwitchProps) => {
-  const { lang } = useLocale();
-  const selectOptions = options.map(({ value: id, label, tooltipLabel }) => ({
-    id,
-    label: tooltipLabel
-      ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })
-      : lang(label),
-  }));
-  const [{ label: selectedLabel }] = selectOptions.filter(
-    ({ id }) => id === selected
-  );
-
-  return (
-    <div className="lw-mb-6 lw-w-full" data-testid="time-unit-select">
-      <Select
-        options={selectOptions}
-        searchPlaceholder={lang('search')}
-        selectedOption={{ id: selected, label: selectedLabel }}
-        setSelectedOption={({ id }) =>
-          callback(id as CurrencyPowerBalanceTimeUnit)
-        }
-      />
-    </div>
-  );
-};
-
-export { TimeUnitSelect };

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx

@@ -1,72 +0,0 @@
-import {
-  Button,
-  ButtonSize,
-  ButtonVariant,
-  Size,
-  useLayoutProvider,
-} from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-
-import type { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
-import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';
-import { TimeUnitSelect } from './TimeUnitSelect';
-import type { TimeUnitSwitchProps } from './types';
-
-const TimeUnitSwitch = ({
-  selected,
-  options,
-  callback,
-}: TimeUnitSwitchProps) => {
-  const { lang } = useLocale();
-  const { size } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-
-  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {
-    callback(e.currentTarget.value as CurrencyPowerBalanceTimeUnit);
-  };
-
-  return (
-    <>
-      {isDesktop ? (
-        <div
-          className="lw-mb-6 lw-flex lw-gap-1 lw-self-end"
-          data-testid="time-unit-switch"
-        >
-          {options.map(({ value, label, tooltipLabel }) => {
-            const tooltip = tooltipLabel
-              ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })
-              : tooltipLabel;
-            const buttonLabel = lang(label);
-
-            return (
-              <Button
-                key={value}
-                data-tooltip-content={tooltip}
-                data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}
-                size={ButtonSize.full}
-                value={value}
-                variant={
-                  selected === value
-                    ? ButtonVariant.primary
-                    : ButtonVariant.secondary
-                }
-                onClick={handleButtonClick}
-              >
-                {buttonLabel}
-              </Button>
-            );
-          })}
-        </div>
-      ) : (
-        <TimeUnitSelect
-          callback={callback}
-          options={options}
-          selected={selected}
-        />
-      )}
-    </>
-  );
-};
-
-export { TimeUnitSwitch };

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/index.ts

@@ -1 +0,0 @@
-export * from './TimeUnitSwitch';