@oanda/labs-widget-common 1.0.204 → 1.0.206

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeUnitSelect = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
+var _react = _interopRequireDefault(require("react"));
+var _Select = require("../Select");
+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,
+      label,
+      tooltipLabel
+    } = _ref2;
+    return {
+      id: value,
+      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(_Select.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/components/TimeUnitSwitch/TimeUnitSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeUnitSelect.js","names":["_monoI18n","require","_react","_interopRequireDefault","_Select","e","__esModule","default","TimeUnitSelect","_ref","selected","options","callback","lang","useLocale","selectOptions","map","_ref2","value","label","tooltipLabel","id","translationKey","count","selectedLabel","filter","_ref3","createElement","className","Select","searchPlaceholder","selectedOption","setSelectedOption","_ref4","exports"],"sources":["../../../../src/components/TimeUnitSwitch/TimeUnitSelect.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { SelectOption } from '../Select';\nimport { Select } from '../Select';\nimport type { TimeUnitSwitchProps } from './types';\n\nconst TimeUnitSelect = <T extends string>({\n  selected,\n  options,\n  callback,\n}: TimeUnitSwitchProps<T>) => {\n  const { lang } = useLocale();\n\n  const selectOptions: SelectOption[] = options.map(\n    ({ value, label, tooltipLabel }) => ({\n      id: value,\n      label: tooltipLabel\n        ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n        : lang(label),\n    })\n  );\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 }) => callback(id as T)}\n      />\n    </div>\n  );\n};\n\nexport { TimeUnitSelect };\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAAmC,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGnC,MAAMG,cAAc,GAAGC,IAAA,IAIO;EAAA,IAJY;IACxCC,QAAQ;IACRC,OAAO;IACPC;EACsB,CAAC,GAAAH,IAAA;EACvB,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,MAAMC,aAA6B,GAAGJ,OAAO,CAACK,GAAG,CAC/CC,KAAA;IAAA,IAAC;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAa,CAAC,GAAAH,KAAA;IAAA,OAAM;MACnCI,EAAE,EAAEH,KAAK;MACTC,KAAK,EAAEC,YAAY,GACfP,IAAI,CAACO,YAAY,CAACE,cAAc,EAAE;QAAEC,KAAK,EAAEH,YAAY,CAACG;MAAM,CAAC,CAAC,GAChEV,IAAI,CAACM,KAAK;IAChB,CAAC;EAAA,CACH,CAAC;EAED,MAAM,CAAC;IAAEA,KAAK,EAAEK;EAAc,CAAC,CAAC,GAAGT,aAAa,CAACU,MAAM,CACrDC,KAAA;IAAA,IAAC;MAAEL;IAAG,CAAC,GAAAK,KAAA;IAAA,OAAKL,EAAE,KAAKX,QAAQ;EAAA,CAC7B,CAAC;EAED,OACER,MAAA,CAAAK,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,GAC/D1B,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,OAAA,CAAAyB,MAAM;IACLlB,OAAO,EAAEI,aAAc;IACvBe,iBAAiB,EAAEjB,IAAI,CAAC,QAAQ,CAAE;IAClCkB,cAAc,EAAE;MAAEV,EAAE,EAAEX,QAAQ;MAAES,KAAK,EAAEK;IAAc,CAAE;IACvDQ,iBAAiB,EAAEC,KAAA;MAAA,IAAC;QAAEZ;MAAG,CAAC,GAAAY,KAAA;MAAA,OAAKrB,QAAQ,CAACS,EAAO,CAAC;IAAA;EAAC,CAClD,CACE,CAAC;AAEV,CAAC;AAACa,OAAA,CAAA1B,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeUnitSwitch = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
+var _react = _interopRequireDefault(require("react"));
+var _providers = require("../../providers");
+var _types = require("../../types");
+var _Button = require("../Button");
+var _TimeUnitSelect = require("./TimeUnitSelect");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TimeUnitSwitch = _ref => {
+  let {
+    selected,
+    options,
+    callback,
+    tooltipId
+  } = _ref;
+  const {
+    lang
+  } = (0, _monoI18n.useLocale)();
+  const {
+    size
+  } = (0, _providers.useLayoutProvider)();
+  const isDesktop = size === _types.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(_Button.Button, {
+      key: value,
+      "data-tooltip-content": tooltip,
+      "data-tooltip-id": tooltipId,
+      size: _Button.ButtonSize.full,
+      value: value,
+      variant: selected === value ? _Button.ButtonVariant.primary : _Button.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/components/TimeUnitSwitch/TimeUnitSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeUnitSwitch.js","names":["_monoI18n","require","_react","_interopRequireDefault","_providers","_types","_Button","_TimeUnitSelect","e","__esModule","default","TimeUnitSwitch","_ref","selected","options","callback","tooltipId","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","handleButtonClick","currentTarget","value","createElement","Fragment","className","map","_ref2","label","tooltipLabel","tooltip","translationKey","count","buttonLabel","Button","key","ButtonSize","full","variant","ButtonVariant","primary","secondary","onClick","TimeUnitSelect","exports"],"sources":["../../../../src/components/TimeUnitSwitch/TimeUnitSwitch.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { Size } from '../../types';\nimport { Button, ButtonSize, ButtonVariant } from '../Button';\nimport { TimeUnitSelect } from './TimeUnitSelect';\nimport type { TimeUnitSwitchProps } from './types';\n\nconst TimeUnitSwitch = <T extends string>({\n  selected,\n  options,\n  callback,\n  tooltipId,\n}: TimeUnitSwitchProps<T>) => {\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 T);\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={tooltipId}\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,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAAkD,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGlD,MAAMG,cAAc,GAAGC,IAAA,IAKO;EAAA,IALY;IACxCC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC;EACsB,CAAC,GAAAJ,IAAA;EACvB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,WAAI,CAACC,OAAO;EAEvC,MAAMC,iBAAiB,GAAIhB,CAA0C,IAAK;IACxEO,QAAQ,CAACP,CAAC,CAACiB,aAAa,CAACC,KAAU,CAAC;EACtC,CAAC;EAED,OACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAAAzB,MAAA,CAAAQ,OAAA,CAAAkB,QAAA,QACGP,SAAS,GACRnB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IACEE,SAAS,EAAC,sCAAsC;IAChD,eAAY;EAAkB,GAE7Bf,OAAO,CAACgB,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,OACE9B,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACrB,OAAA,CAAAgC,MAAM;MACLC,GAAG,EAAEb,KAAM;MACX,wBAAsBQ,OAAQ;MAC9B,mBAAiBlB,SAAU;MAC3BG,IAAI,EAAEqB,kBAAU,CAACC,IAAK;MACtBf,KAAK,EAAEA,KAAM;MACbgB,OAAO,EACL7B,QAAQ,KAAKa,KAAK,GACdiB,qBAAa,CAACC,OAAO,GACrBD,qBAAa,CAACE,SACnB;MACDC,OAAO,EAAEtB;IAAkB,GAE1Ba,WACK,CAAC;EAEb,CAAC,CACE,CAAC,GAENnC,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACpB,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/components/TimeUnitSwitch/index.js

@@ -0,0 +1,17 @@
+"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/components/TimeUnitSwitch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_TimeUnitSwitch","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/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/components/TimeUnitSwitch/types.js

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

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

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

package/dist/main/components/index.js

@@ -246,6 +246,17 @@ Object.keys(_TextInput).forEach(function (key) {
     }
   });
 });
+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];
+    }
+  });
+});
 var _Tooltip = require("./Tooltip");
 Object.keys(_Tooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["require","_Button","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Card","_Disclaimer","_Error","_InfoBox","_Input","_InstrumentRate","_Label","_LabelWrapper","_LastUpdated","_LineChart","_Loader","_Pagination","_Price","_Select","_Sentiment","_Spinner","_Switch","_Table","_TableWidget","_Tabs","_TextInput","_Tooltip","_Truncate","_WidgetWrapper"],"sources":["../../../src/components/index.ts"],"sourcesContent":["import './style.css';\n\nexport * from './Button';\nexport * from './Card';\nexport * from './Disclaimer';\nexport * from './Error';\nexport * from './InfoBox';\nexport * from './Input';\nexport * from './InstrumentRate';\nexport * from './Label';\nexport * from './LabelWrapper';\nexport * from './LastUpdated';\nexport * from './LineChart';\nexport * from './Loader';\nexport * from './Pagination';\nexport * from './Price';\nexport * from './Select';\nexport * from './Sentiment';\nexport * from './Spinner';\nexport * from './Switch';\nexport * from './Table';\nexport * from './TableWidget';\nexport * from './Tabs';\nexport * from './TextInput';\nexport * from './Tooltip';\nexport * from './Truncate';\nexport * from './WidgetWrapper';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["require","_Button","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Card","_Disclaimer","_Error","_InfoBox","_Input","_InstrumentRate","_Label","_LabelWrapper","_LastUpdated","_LineChart","_Loader","_Pagination","_Price","_Select","_Sentiment","_Spinner","_Switch","_Table","_TableWidget","_Tabs","_TextInput","_TimeUnitSwitch","_Tooltip","_Truncate","_WidgetWrapper"],"sources":["../../../src/components/index.ts"],"sourcesContent":["import './style.css';\n\nexport * from './Button';\nexport * from './Card';\nexport * from './Disclaimer';\nexport * from './Error';\nexport * from './InfoBox';\nexport * from './Input';\nexport * from './InstrumentRate';\nexport * from './Label';\nexport * from './LabelWrapper';\nexport * from './LastUpdated';\nexport * from './LineChart';\nexport * from './Loader';\nexport * from './Pagination';\nexport * from './Price';\nexport * from './Select';\nexport * from './Sentiment';\nexport * from './Spinner';\nexport * from './Switch';\nexport * from './Table';\nexport * from './TableWidget';\nexport * from './Tabs';\nexport * from './TextInput';\nexport * from './TimeUnitSwitch';\nexport * from './Tooltip';\nexport * from './Truncate';\nexport * from './WidgetWrapper';\n"],"mappings":"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","ignoreList":[]}

package/dist/main/tailwind/colors.js

@@ -29,7 +29,9 @@ const colorPalette = exports.colorPalette = {
   black: '#000000',
   grayLight: '#9EA4AC',
   gray: '#7B8085',
-  darkGray: '#1C1C1C'
+  darkGray: '#1C1C1C',
+  brightBlue: 'rgba(51, 88, 255, 0)',
+  brightBlue30: 'rgba(51, 88, 255, 0.3)'
 };
 const twColorPallete = exports.twColorPallete = (0, _utils.toTwConfigKeys)(colorPalette);
 //# sourceMappingURL=colors.js.map

package/dist/main/tailwind/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["_utils","require","colorPalette","exports","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","gray","darkGray","twColorPallete","toTwConfigKeys"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n  redDark: '#E41F37',\n  redLight: '#FF5F73',\n  raspberryLight: '#FE005B',\n  raspberryDark: '#E5226E',\n  raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n  greenLight: '#00D37E',\n  greenLight10: 'rgba(0, 211, 126, 0.1)',\n  turquoiseLight: '#309DCC',\n  violetLight: '#C226C9',\n  bottleGreenLight: '#00B89E',\n  bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n  bottleGreenLight75: '#7FDBCE',\n  bottleGreenDark: '#008573',\n  bottleGreenDark120: '#00884E',\n  midnight75Lighter: '#AC82D6',\n  gold: '#FAB313',\n  orange: '#DA6325',\n  orange70: 'rgba(218, 100, 37, 0.7)',\n  navyBlue: '#00214A',\n  white: '#FFFFFF',\n  black: '#000000',\n  grayLight: '#9EA4AC',\n  gray: '#7B8085',\n  darkGray: '#1C1C1C',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE;AACZ,CAAC;AAEM,MAAMC,cAAc,GAAAzB,OAAA,CAAAyB,cAAA,GAAG,IAAAC,qBAAc,EAAC3B,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["_utils","require","colorPalette","exports","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","gray","darkGray","brightBlue","brightBlue30","twColorPallete","toTwConfigKeys"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n  redDark: '#E41F37',\n  redLight: '#FF5F73',\n  raspberryLight: '#FE005B',\n  raspberryDark: '#E5226E',\n  raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n  greenLight: '#00D37E',\n  greenLight10: 'rgba(0, 211, 126, 0.1)',\n  turquoiseLight: '#309DCC',\n  violetLight: '#C226C9',\n  bottleGreenLight: '#00B89E',\n  bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n  bottleGreenLight75: '#7FDBCE',\n  bottleGreenDark: '#008573',\n  bottleGreenDark120: '#00884E',\n  midnight75Lighter: '#AC82D6',\n  gold: '#FAB313',\n  orange: '#DA6325',\n  orange70: 'rgba(218, 100, 37, 0.7)',\n  navyBlue: '#00214A',\n  white: '#FFFFFF',\n  black: '#000000',\n  grayLight: '#9EA4AC',\n  gray: '#7B8085',\n  darkGray: '#1C1C1C',\n  brightBlue: 'rgba(51, 88, 255, 0)',\n  brightBlue30: 'rgba(51, 88, 255, 0.3)',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE;AAChB,CAAC;AAEM,MAAMC,cAAc,GAAA3B,OAAA,CAAA2B,cAAA,GAAG,IAAAC,qBAAc,EAAC7B,YAAY,CAAC","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+import { useLocale } from '@oanda/mono-i18n';
+import React from 'react';
+import { Select } from '../Select';
+const TimeUnitSelect = _ref => {
+  let {
+    selected,
+    options,
+    callback
+  } = _ref;
+  const {
+    lang
+  } = useLocale();
+  const selectOptions = options.map(_ref2 => {
+    let {
+      value,
+      label,
+      tooltipLabel
+    } = _ref2;
+    return {
+      id: value,
+      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/components/TimeUnitSwitch/TimeUnitSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeUnitSelect.js","names":["useLocale","React","Select","TimeUnitSelect","_ref","selected","options","callback","lang","selectOptions","map","_ref2","value","label","tooltipLabel","id","translationKey","count","selectedLabel","filter","_ref3","createElement","className","searchPlaceholder","selectedOption","setSelectedOption","_ref4"],"sources":["../../../../src/components/TimeUnitSwitch/TimeUnitSelect.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { SelectOption } from '../Select';\nimport { Select } from '../Select';\nimport type { TimeUnitSwitchProps } from './types';\n\nconst TimeUnitSelect = <T extends string>({\n  selected,\n  options,\n  callback,\n}: TimeUnitSwitchProps<T>) => {\n  const { lang } = useLocale();\n\n  const selectOptions: SelectOption[] = options.map(\n    ({ value, label, tooltipLabel }) => ({\n      id: value,\n      label: tooltipLabel\n        ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n        : lang(label),\n    })\n  );\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 }) => callback(id as T)}\n      />\n    </div>\n  );\n};\n\nexport { TimeUnitSelect };\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,MAAM,QAAQ,WAAW;AAGlC,MAAMC,cAAc,GAAGC,IAAA,IAIO;EAAA,IAJY;IACxCC,QAAQ;IACRC,OAAO;IACPC;EACsB,CAAC,GAAAH,IAAA;EACvB,MAAM;IAAEI;EAAK,CAAC,GAAGR,SAAS,CAAC,CAAC;EAE5B,MAAMS,aAA6B,GAAGH,OAAO,CAACI,GAAG,CAC/CC,KAAA;IAAA,IAAC;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAa,CAAC,GAAAH,KAAA;IAAA,OAAM;MACnCI,EAAE,EAAEH,KAAK;MACTC,KAAK,EAAEC,YAAY,GACfN,IAAI,CAACM,YAAY,CAACE,cAAc,EAAE;QAAEC,KAAK,EAAEH,YAAY,CAACG;MAAM,CAAC,CAAC,GAChET,IAAI,CAACK,KAAK;IAChB,CAAC;EAAA,CACH,CAAC;EAED,MAAM,CAAC;IAAEA,KAAK,EAAEK;EAAc,CAAC,CAAC,GAAGT,aAAa,CAACU,MAAM,CACrDC,KAAA;IAAA,IAAC;MAAEL;IAAG,CAAC,GAAAK,KAAA;IAAA,OAAKL,EAAE,KAAKV,QAAQ;EAAA,CAC7B,CAAC;EAED,OACEJ,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,GAC/DrB,KAAA,CAAAoB,aAAA,CAACnB,MAAM;IACLI,OAAO,EAAEG,aAAc;IACvBc,iBAAiB,EAAEf,IAAI,CAAC,QAAQ,CAAE;IAClCgB,cAAc,EAAE;MAAET,EAAE,EAAEV,QAAQ;MAAEQ,KAAK,EAAEK;IAAc,CAAE;IACvDO,iBAAiB,EAAEC,KAAA;MAAA,IAAC;QAAEX;MAAG,CAAC,GAAAW,KAAA;MAAA,OAAKnB,QAAQ,CAACQ,EAAO,CAAC;IAAA;EAAC,CAClD,CACE,CAAC;AAEV,CAAC;AAED,SAASZ,cAAc","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+import { useLocale } from '@oanda/mono-i18n';
+import React from 'react';
+import { useLayoutProvider } from '../../providers';
+import { Size } from '../../types';
+import { Button, ButtonSize, ButtonVariant } from '../Button';
+import { TimeUnitSelect } from './TimeUnitSelect';
+const TimeUnitSwitch = _ref => {
+  let {
+    selected,
+    options,
+    callback,
+    tooltipId
+  } = _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": tooltipId,
+      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/components/TimeUnitSwitch/TimeUnitSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeUnitSwitch.js","names":["useLocale","React","useLayoutProvider","Size","Button","ButtonSize","ButtonVariant","TimeUnitSelect","TimeUnitSwitch","_ref","selected","options","callback","tooltipId","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/components/TimeUnitSwitch/TimeUnitSwitch.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { Size } from '../../types';\nimport { Button, ButtonSize, ButtonVariant } from '../Button';\nimport { TimeUnitSelect } from './TimeUnitSelect';\nimport type { TimeUnitSwitchProps } from './types';\n\nconst TimeUnitSwitch = <T extends string>({\n  selected,\n  options,\n  callback,\n  tooltipId,\n}: TimeUnitSwitchProps<T>) => {\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 T);\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={tooltipId}\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,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,IAAI,QAAQ,aAAa;AAClC,SAASC,MAAM,EAAEC,UAAU,EAAEC,aAAa,QAAQ,WAAW;AAC7D,SAASC,cAAc,QAAQ,kBAAkB;AAGjD,MAAMC,cAAc,GAAGC,IAAA,IAKO;EAAA,IALY;IACxCC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC;EACsB,CAAC,GAAAJ,IAAA;EACvB,MAAM;IAAEK;EAAK,CAAC,GAAGd,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEe;EAAK,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EACpC,MAAMc,SAAS,GAAGD,IAAI,KAAKZ,IAAI,CAACc,OAAO;EAEvC,MAAMC,iBAAiB,GAAIC,CAA0C,IAAK;IACxEP,QAAQ,CAACO,CAAC,CAACC,aAAa,CAACC,KAAU,CAAC;EACtC,CAAC;EAED,OACEpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACGP,SAAS,GACRf,KAAA,CAAAqB,aAAA;IACEE,SAAS,EAAC,sCAAsC;IAChD,eAAY;EAAkB,GAE7Bb,OAAO,CAACc,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,OACE1B,KAAA,CAAAqB,aAAA,CAAClB,MAAM;MACL6B,GAAG,EAAEZ,KAAM;MACX,wBAAsBQ,OAAQ;MAC9B,mBAAiBhB,SAAU;MAC3BE,IAAI,EAAEV,UAAU,CAAC6B,IAAK;MACtBb,KAAK,EAAEA,KAAM;MACbc,OAAO,EACLzB,QAAQ,KAAKW,KAAK,GACdf,aAAa,CAAC8B,OAAO,GACrB9B,aAAa,CAAC+B,SACnB;MACDC,OAAO,EAAEpB;IAAkB,GAE1Bc,WACK,CAAC;EAEb,CAAC,CACE,CAAC,GAEN/B,KAAA,CAAAqB,aAAA,CAACf,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/components/TimeUnitSwitch/index.js

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

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

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

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

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

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

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

package/dist/module/components/index.js

@@ -21,6 +21,7 @@ export * from './Table';
 export * from './TableWidget';
 export * from './Tabs';
 export * from './TextInput';
+export * from './TimeUnitSwitch';
 export * from './Tooltip';
 export * from './Truncate';
 export * from './WidgetWrapper';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["import './style.css';\n\nexport * from './Button';\nexport * from './Card';\nexport * from './Disclaimer';\nexport * from './Error';\nexport * from './InfoBox';\nexport * from './Input';\nexport * from './InstrumentRate';\nexport * from './Label';\nexport * from './LabelWrapper';\nexport * from './LastUpdated';\nexport * from './LineChart';\nexport * from './Loader';\nexport * from './Pagination';\nexport * from './Price';\nexport * from './Select';\nexport * from './Sentiment';\nexport * from './Spinner';\nexport * from './Switch';\nexport * from './Table';\nexport * from './TableWidget';\nexport * from './Tabs';\nexport * from './TextInput';\nexport * from './Tooltip';\nexport * from './Truncate';\nexport * from './WidgetWrapper';\n"],"mappings":"AAAA,OAAO,aAAa;AAEpB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["import './style.css';\n\nexport * from './Button';\nexport * from './Card';\nexport * from './Disclaimer';\nexport * from './Error';\nexport * from './InfoBox';\nexport * from './Input';\nexport * from './InstrumentRate';\nexport * from './Label';\nexport * from './LabelWrapper';\nexport * from './LastUpdated';\nexport * from './LineChart';\nexport * from './Loader';\nexport * from './Pagination';\nexport * from './Price';\nexport * from './Select';\nexport * from './Sentiment';\nexport * from './Spinner';\nexport * from './Switch';\nexport * from './Table';\nexport * from './TableWidget';\nexport * from './Tabs';\nexport * from './TextInput';\nexport * from './TimeUnitSwitch';\nexport * from './Tooltip';\nexport * from './Truncate';\nexport * from './WidgetWrapper';\n"],"mappings":"AAAA,OAAO,aAAa;AAEpB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,iBAAiB","ignoreList":[]}

package/dist/module/tailwind/colors.js

@@ -23,7 +23,9 @@ export const colorPalette = {
   black: '#000000',
   grayLight: '#9EA4AC',
   gray: '#7B8085',
-  darkGray: '#1C1C1C'
+  darkGray: '#1C1C1C',
+  brightBlue: 'rgba(51, 88, 255, 0)',
+  brightBlue30: 'rgba(51, 88, 255, 0.3)'
 };
 export const twColorPallete = toTwConfigKeys(colorPalette);
 //# sourceMappingURL=colors.js.map

package/dist/module/tailwind/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["toTwConfigKeys","colorPalette","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","gray","darkGray","twColorPallete"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n  redDark: '#E41F37',\n  redLight: '#FF5F73',\n  raspberryLight: '#FE005B',\n  raspberryDark: '#E5226E',\n  raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n  greenLight: '#00D37E',\n  greenLight10: 'rgba(0, 211, 126, 0.1)',\n  turquoiseLight: '#309DCC',\n  violetLight: '#C226C9',\n  bottleGreenLight: '#00B89E',\n  bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n  bottleGreenLight75: '#7FDBCE',\n  bottleGreenDark: '#008573',\n  bottleGreenDark120: '#00884E',\n  midnight75Lighter: '#AC82D6',\n  gold: '#FAB313',\n  orange: '#DA6325',\n  orange70: 'rgba(218, 100, 37, 0.7)',\n  navyBlue: '#00214A',\n  white: '#FFFFFF',\n  black: '#000000',\n  grayLight: '#9EA4AC',\n  gray: '#7B8085',\n  darkGray: '#1C1C1C',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,SAAS;AAExC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG1B,cAAc,CAACC,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["toTwConfigKeys","colorPalette","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","gray","darkGray","brightBlue","brightBlue30","twColorPallete"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n  redDark: '#E41F37',\n  redLight: '#FF5F73',\n  raspberryLight: '#FE005B',\n  raspberryDark: '#E5226E',\n  raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n  greenLight: '#00D37E',\n  greenLight10: 'rgba(0, 211, 126, 0.1)',\n  turquoiseLight: '#309DCC',\n  violetLight: '#C226C9',\n  bottleGreenLight: '#00B89E',\n  bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n  bottleGreenLight75: '#7FDBCE',\n  bottleGreenDark: '#008573',\n  bottleGreenDark120: '#00884E',\n  midnight75Lighter: '#AC82D6',\n  gold: '#FAB313',\n  orange: '#DA6325',\n  orange70: 'rgba(218, 100, 37, 0.7)',\n  navyBlue: '#00214A',\n  white: '#FFFFFF',\n  black: '#000000',\n  grayLight: '#9EA4AC',\n  gray: '#7B8085',\n  darkGray: '#1C1C1C',\n  brightBlue: 'rgba(51, 88, 255, 0)',\n  brightBlue30: 'rgba(51, 88, 255, 0.3)',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,SAAS;AAExC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG5B,cAAc,CAACC,YAAY,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+export interface TimeUnitOption<TimeUnit> {
+    value: TimeUnit;
+    label: string;
+    tooltipLabel?: TooltipLabel;
+}
+export interface TimeUnitSwitchProps<TimeUnit> {
+    selected: TimeUnit;
+    options: TimeUnitOption<TimeUnit>[];
+    callback: (value: TimeUnit) => void;
+    tooltipId?: string;
+}
+interface TooltipLabel {
+    translationKey: string;
+    count: number;
+}
+export {};

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

@@ -21,6 +21,7 @@ export * from './Table';
 export * from './TableWidget';
 export * from './Tabs';
 export * from './TextInput';
+export * from './TimeUnitSwitch';
 export * from './Tooltip';
 export * from './Truncate';
 export * from './WidgetWrapper';

package/dist/types/tailwind/colors.d.ts

@@ -24,6 +24,8 @@ export declare const colorPalette: {
     grayLight: string;
     gray: string;
     darkGray: string;
+    brightBlue: string;
+    brightBlue30: string;
 };
 export declare const twColorPallete: {
     "red-Dark-": string;
@@ -50,5 +52,7 @@ export declare const twColorPallete: {
     "gray-Light-": string;
     "gray-": string;
     "dark-Gray-": string;
+    "bright-Blue-": string;
+    "bright-Blue-3-0-": string;
 };
 export type ColorCode = ValueOf<typeof colorPalette>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-widget-common",
-  "version": "1.0.204",
+  "version": "1.0.206",
   "description": "Labs Widget Common",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -21,5 +21,5 @@
     "tailwind-merge": "2.2.2",
     "usehooks-ts": "3.0.2"
   },
-  "gitHead": "e3e898cc881ea7c1abb62c6cde48191d4f0c385b"
+  "gitHead": "8e9089b3a4cc94275dd2223e7fed7aae070fe454"
 }

package/src/components/TimeUnitSwitch/TimeUnitSelect.tsx

@@ -0,0 +1,40 @@
+import { useLocale } from '@oanda/mono-i18n';
+import React from 'react';
+
+import type { SelectOption } from '../Select';
+import { Select } from '../Select';
+import type { TimeUnitSwitchProps } from './types';
+
+const TimeUnitSelect = <T extends string>({
+  selected,
+  options,
+  callback,
+}: TimeUnitSwitchProps<T>) => {
+  const { lang } = useLocale();
+
+  const selectOptions: SelectOption[] = options.map(
+    ({ value, label, tooltipLabel }) => ({
+      id: value,
+      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 T)}
+      />
+    </div>
+  );
+};
+
+export { TimeUnitSelect };