@oanda/labs-volatility-chart-widget 1.0.200 → 1.0.202

package/dist/module/VolatilityChartWidget/components/Chart/getOption.js

@@ -1,27 +1,34 @@
-import { DESKTOP_MIN_WIDTH, getGridLines, getLineCommons, themeColors } from '@oanda/labs-widget-common';
-import { VolatilityChartTimeUnit } from '../../../gql/types/graphql';
-import { CHART_HEIGHT, CHART_WIDTH, tooltipLabels, weeklyDataLabels, X_LABEL_SIZE, Y_LABEL_SIZE_DESKTOP, Y_LABEL_SIZE_MOBILE } from './constants';
-export const tooltipFormatter = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tooltipFormatter = exports.pointFormatter = exports.getOption = exports.getMobileOption = exports.getDesktopOption = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _graphql = require("../../../gql/types/graphql");
+var _constants = require("./constants");
+const tooltipFormatter = _ref => {
   let {
     value,
     timeUnit,
     lang
   } = _ref;
-  return `<b>${lang('price_range')} </b>${value[0].data}<br /><b>${lang(tooltipLabels[timeUnit])} </b>${value[0].axisValue}`;
+  return `<b>${lang('price_range')} </b>${value[0].data}<br /><b>${lang(_constants.tooltipLabels[timeUnit])} </b>${value[0].axisValue}`;
 };
-export const getDesktopOption = _ref2 => {
+exports.tooltipFormatter = tooltipFormatter;
+const getDesktopOption = _ref2 => {
   let {
     timeUnit,
     lang,
     isDark
   } = _ref2;
-  const notDate = timeUnit !== VolatilityChartTimeUnit.D;
-  const desktopGridLines = getGridLines({
+  const notDate = timeUnit !== _graphql.VolatilityChartTimeUnit.D;
+  const desktopGridLines = (0, _labsWidgetCommon.getGridLines)({
     isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: CHART_HEIGHT,
-    xLabelsSize: X_LABEL_SIZE,
-    yLabelSize: Y_LABEL_SIZE_DESKTOP,
+    chartWidth: _constants.CHART_WIDTH,
+    chartHeight: _constants.CHART_HEIGHT,
+    xLabelsSize: _constants.X_LABEL_SIZE,
+    yLabelSize: _constants.Y_LABEL_SIZE_DESKTOP,
     bottomLeftBox: notDate
   });
   return {
@@ -33,7 +40,7 @@ export const getDesktopOption = _ref2 => {
       shadowBlur: 24,
       shadowOffsetX: 0,
       shadowOffsetY: 6,
-      backgroundColor: isDark ? themeColors.borderPrimary.dark : themeColors.bgPrimary.light,
+      backgroundColor: isDark ? _labsWidgetCommon.themeColors.borderPrimary.dark : _labsWidgetCommon.themeColors.bgPrimary.light,
       padding: [12, 8, 12, 8],
       formatter: value => tooltipFormatter({
         value,
@@ -54,11 +61,11 @@ export const getDesktopOption = _ref2 => {
       name: 'main-grid',
       top: '40px',
       left: '0px',
-      right: `${Y_LABEL_SIZE_DESKTOP}px`,
-      bottom: `${X_LABEL_SIZE}px`
+      right: `${_constants.Y_LABEL_SIZE_DESKTOP}px`,
+      bottom: `${_constants.X_LABEL_SIZE}px`
     }],
     graphic: [...desktopGridLines, {
-      ...getLineCommons(isDark),
+      ...(0, _labsWidgetCommon.getLineCommons)(isDark),
       top: 0,
       right: 0,
       shape: {
@@ -70,18 +77,19 @@ export const getDesktopOption = _ref2 => {
     }]
   };
 };
-export const getMobileOption = _ref3 => {
+exports.getDesktopOption = getDesktopOption;
+const getMobileOption = _ref3 => {
   let {
     timeUnit,
     lang,
     isDark
   } = _ref3;
-  const mobileGridLines = getGridLines({
+  const mobileGridLines = (0, _labsWidgetCommon.getGridLines)({
     isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: CHART_HEIGHT,
-    xLabelsSize: X_LABEL_SIZE,
-    yLabelSize: Y_LABEL_SIZE_MOBILE,
+    chartWidth: _constants.CHART_WIDTH,
+    chartHeight: _constants.CHART_HEIGHT,
+    xLabelsSize: _constants.X_LABEL_SIZE,
+    yLabelSize: _constants.Y_LABEL_SIZE_MOBILE,
     bottomLeftBox: false
   });
   return {
@@ -112,13 +120,13 @@ export const getMobileOption = _ref3 => {
       name: 'main-grid',
       top: '60px',
       left: '0px',
-      right: `${Y_LABEL_SIZE_MOBILE}px`,
-      bottom: `${X_LABEL_SIZE}px`
+      right: `${_constants.Y_LABEL_SIZE_MOBILE}px`,
+      bottom: `${_constants.X_LABEL_SIZE}px`
     }],
     graphic: [...mobileGridLines, {
-      ...getLineCommons(isDark),
+      ...(0, _labsWidgetCommon.getLineCommons)(isDark),
       top: 58,
-      right: Y_LABEL_SIZE_MOBILE - 2,
+      right: _constants.Y_LABEL_SIZE_MOBILE - 2,
       shape: {
         x1: 0,
         y1: 0,
@@ -128,24 +136,26 @@ export const getMobileOption = _ref3 => {
     }]
   };
 };
-export const pointFormatter = _ref4 => {
+exports.getMobileOption = getMobileOption;
+const pointFormatter = _ref4 => {
   let {
     point,
     lang,
     timeUnit
   } = _ref4;
-  if (timeUnit === VolatilityChartTimeUnit.D) {
+  if (timeUnit === _graphql.VolatilityChartTimeUnit.D) {
     return new Date(point).toLocaleDateString(undefined, {
       month: 'numeric',
       day: 'numeric'
     });
   }
-  if (timeUnit === VolatilityChartTimeUnit.W) {
-    return lang(weeklyDataLabels[point]);
+  if (timeUnit === _graphql.VolatilityChartTimeUnit.W) {
+    return lang(_constants.weeklyDataLabels[point]);
   }
   return point;
 };
-export const getOption = (values, lang, timeUnit, isDark) => {
+exports.pointFormatter = pointFormatter;
+const getOption = (values, lang, timeUnit, isDark) => {
   const pipsValues = values.map(_ref5 => {
     let {
       pips
@@ -224,7 +234,7 @@ export const getOption = (values, lang, timeUnit, isDark) => {
     }],
     media: [{
       query: {
-        minWidth: DESKTOP_MIN_WIDTH
+        minWidth: _labsWidgetCommon.DESKTOP_MIN_WIDTH
       },
       option: {
         ...getDesktopOption({
@@ -235,7 +245,7 @@ export const getOption = (values, lang, timeUnit, isDark) => {
       }
     }, {
       query: {
-        maxWidth: DESKTOP_MIN_WIDTH - 1
+        maxWidth: _labsWidgetCommon.DESKTOP_MIN_WIDTH - 1
       },
       option: {
         ...getMobileOption({
@@ -247,4 +257,5 @@ export const getOption = (values, lang, timeUnit, isDark) => {
     }]
   };
 };
+exports.getOption = getOption;
 //# sourceMappingURL=getOption.js.map

package/dist/module/VolatilityChartWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["DESKTOP_MIN_WIDTH","getGridLines","getLineCommons","themeColors","VolatilityChartTimeUnit","CHART_HEIGHT","CHART_WIDTH","tooltipLabels","weeklyDataLabels","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","tooltipFormatter","_ref","value","timeUnit","lang","data","axisValue","getDesktopOption","_ref2","isDark","notDate","D","desktopGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","title","text","tooltip","position","undefined","shadowBlur","shadowOffsetX","shadowOffsetY","backgroundColor","borderPrimary","dark","bgPrimary","light","padding","formatter","yAxis","nameTextStyle","align","axisLabel","margin","grid","name","top","left","right","bottom","graphic","shape","x1","y1","x2","y2","getMobileOption","_ref3","mobileGridLines","shadowColor","pointFormatter","_ref4","point","Date","toLocaleDateString","month","day","W","getOption","values","pipsValues","map","_ref5","pips","toFixed","points","_ref6","animation","textStyle","fontFamily","fontWeight","trigger","axisPointer","axis","extraCssText","xAxis","type","axisTick","alignWithLabel","axisLine","show","splitLine","rotate","toUpperCase","splitNumber","rich","a","index","series","media","query","minWidth","option","maxWidth"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  DESKTOP_MIN_WIDTH,\n  getGridLines,\n  getLineCommons,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport { VolatilityChartTimeUnit } from '../../../gql/types/graphql';\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  tooltipLabels,\n  weeklyDataLabels,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport type {\n  DaysOfWeekKeys,\n  GetOptionType,\n  GetResponsiveOptionsProps,\n  PointFormatterProps,\n  TooltipData,\n  TooltipFormatterProps,\n} from './types';\n\nexport const tooltipFormatter = ({\n  value,\n  timeUnit,\n  lang,\n}: TooltipFormatterProps) =>\n  `<b>${lang('price_range')} </b>${value[0].data}<br /><b>${lang(tooltipLabels[timeUnit])} </b>${value[0].axisValue}`;\n\nexport const getDesktopOption = ({\n  timeUnit,\n  lang,\n  isDark,\n}: GetResponsiveOptionsProps) => {\n  const notDate = timeUnit !== VolatilityChartTimeUnit.D;\n\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_DESKTOP,\n    bottomLeftBox: notDate,\n  });\n\n  return {\n    title: {\n      text: '',\n    },\n    tooltip: {\n      position: undefined,\n      shadowBlur: 24,\n      shadowOffsetX: 0,\n      shadowOffsetY: 6,\n      backgroundColor: isDark\n        ? themeColors.borderPrimary.dark\n        : themeColors.bgPrimary.light,\n      padding: [12, 8, 12, 8],\n      formatter: (value: TooltipData[]) =>\n        tooltipFormatter({ value, timeUnit, lang }),\n    },\n    yAxis: {\n      nameTextStyle: {\n        align: 'left',\n        padding: [0, 0, 0, 8],\n      },\n      axisLabel: {\n        margin: 8,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '40px',\n        left: '0px',\n        right: `${Y_LABEL_SIZE_DESKTOP}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        ...getLineCommons(isDark),\n        top: 0,\n        right: 0,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 0,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n\nexport const getMobileOption = ({\n  timeUnit,\n  lang,\n  isDark,\n}: GetResponsiveOptionsProps) => {\n  const mobileGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: false,\n  });\n\n  return {\n    title: {\n      text: lang('mobile_tooltip_placeholder'),\n    },\n    tooltip: {\n      backgroundColor: 'transparent',\n      shadowColor: 'transparent',\n      position: [0, 0],\n      padding: 16,\n      formatter: (value: TooltipData[]) =>\n        tooltipFormatter({ value, timeUnit, lang }),\n    },\n    yAxis: {\n      nameTextStyle: {\n        align: 'left',\n        padding: [0, 0, 0, 6],\n      },\n      axisLabel: {\n        margin: 6,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '60px',\n        left: '0px',\n        right: `${Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...mobileGridLines,\n      {\n        ...getLineCommons(isDark),\n        top: 58,\n        right: Y_LABEL_SIZE_MOBILE - 2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 9999,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n\nexport const pointFormatter = ({\n  point,\n  lang,\n  timeUnit,\n}: PointFormatterProps) => {\n  if (timeUnit === VolatilityChartTimeUnit.D) {\n    return new Date(point).toLocaleDateString(undefined, {\n      month: 'numeric',\n      day: 'numeric',\n    });\n  }\n  if (timeUnit === VolatilityChartTimeUnit.W) {\n    return lang(weeklyDataLabels[point as DaysOfWeekKeys]);\n  }\n\n  return point;\n};\n\nexport const getOption: GetOptionType = (values, lang, timeUnit, isDark) => {\n  const pipsValues = values.map(({ pips }) => pips.toFixed());\n  const points = values.map(({ point }) =>\n    pointFormatter({ point, lang, timeUnit })\n  );\n\n  return {\n    animation: false,\n    title: {\n      left: 10,\n      top: 20,\n      textStyle: {\n        fontFamily: 'Sofia W03',\n        fontWeight: 500,\n        padding: 16,\n      },\n    },\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: points,\n      axisTick: {\n        alignWithLabel: true,\n      },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        margin: 10,\n        rotate: -45,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      name: lang('pips').toUpperCase(),\n      splitNumber: 5,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        rich: {\n          a: {\n            padding: [0, 0, 20, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n      },\n    },\n    series: [\n      {\n        data: pipsValues,\n        name: 'main',\n        type: 'bar',\n      },\n    ],\n    media: [\n      {\n        query: {\n          minWidth: DESKTOP_MIN_WIDTH,\n        },\n        option: {\n          ...getDesktopOption({ timeUnit, lang, isDark }),\n        },\n      },\n      {\n        query: {\n          maxWidth: DESKTOP_MIN_WIDTH - 1,\n        },\n        option: {\n          ...getMobileOption({ timeUnit, lang, isDark }),\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_graphql","_constants","tooltipFormatter","_ref","value","timeUnit","lang","data","tooltipLabels","axisValue","exports","getDesktopOption","_ref2","isDark","notDate","VolatilityChartTimeUnit","D","desktopGridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","bottomLeftBox","title","text","tooltip","position","undefined","shadowBlur","shadowOffsetX","shadowOffsetY","backgroundColor","themeColors","borderPrimary","dark","bgPrimary","light","padding","formatter","yAxis","nameTextStyle","align","axisLabel","margin","grid","name","top","left","right","bottom","graphic","getLineCommons","shape","x1","y1","x2","y2","getMobileOption","_ref3","mobileGridLines","Y_LABEL_SIZE_MOBILE","shadowColor","pointFormatter","_ref4","point","Date","toLocaleDateString","month","day","W","weeklyDataLabels","getOption","values","pipsValues","map","_ref5","pips","toFixed","points","_ref6","animation","textStyle","fontFamily","fontWeight","trigger","axisPointer","axis","extraCssText","xAxis","type","axisTick","alignWithLabel","axisLine","show","splitLine","rotate","toUpperCase","splitNumber","rich","a","index","series","media","query","minWidth","DESKTOP_MIN_WIDTH","option","maxWidth"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  DESKTOP_MIN_WIDTH,\n  getGridLines,\n  getLineCommons,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport { VolatilityChartTimeUnit } from '../../../gql/types/graphql';\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  tooltipLabels,\n  weeklyDataLabels,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport type {\n  DaysOfWeekKeys,\n  GetOptionType,\n  GetResponsiveOptionsProps,\n  PointFormatterProps,\n  TooltipData,\n  TooltipFormatterProps,\n} from './types';\n\nexport const tooltipFormatter = ({\n  value,\n  timeUnit,\n  lang,\n}: TooltipFormatterProps) =>\n  `<b>${lang('price_range')} </b>${value[0].data}<br /><b>${lang(tooltipLabels[timeUnit])} </b>${value[0].axisValue}`;\n\nexport const getDesktopOption = ({\n  timeUnit,\n  lang,\n  isDark,\n}: GetResponsiveOptionsProps) => {\n  const notDate = timeUnit !== VolatilityChartTimeUnit.D;\n\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_DESKTOP,\n    bottomLeftBox: notDate,\n  });\n\n  return {\n    title: {\n      text: '',\n    },\n    tooltip: {\n      position: undefined,\n      shadowBlur: 24,\n      shadowOffsetX: 0,\n      shadowOffsetY: 6,\n      backgroundColor: isDark\n        ? themeColors.borderPrimary.dark\n        : themeColors.bgPrimary.light,\n      padding: [12, 8, 12, 8],\n      formatter: (value: TooltipData[]) =>\n        tooltipFormatter({ value, timeUnit, lang }),\n    },\n    yAxis: {\n      nameTextStyle: {\n        align: 'left',\n        padding: [0, 0, 0, 8],\n      },\n      axisLabel: {\n        margin: 8,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '40px',\n        left: '0px',\n        right: `${Y_LABEL_SIZE_DESKTOP}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        ...getLineCommons(isDark),\n        top: 0,\n        right: 0,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 0,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n\nexport const getMobileOption = ({\n  timeUnit,\n  lang,\n  isDark,\n}: GetResponsiveOptionsProps) => {\n  const mobileGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: false,\n  });\n\n  return {\n    title: {\n      text: lang('mobile_tooltip_placeholder'),\n    },\n    tooltip: {\n      backgroundColor: 'transparent',\n      shadowColor: 'transparent',\n      position: [0, 0],\n      padding: 16,\n      formatter: (value: TooltipData[]) =>\n        tooltipFormatter({ value, timeUnit, lang }),\n    },\n    yAxis: {\n      nameTextStyle: {\n        align: 'left',\n        padding: [0, 0, 0, 6],\n      },\n      axisLabel: {\n        margin: 6,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '60px',\n        left: '0px',\n        right: `${Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...mobileGridLines,\n      {\n        ...getLineCommons(isDark),\n        top: 58,\n        right: Y_LABEL_SIZE_MOBILE - 2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 9999,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n\nexport const pointFormatter = ({\n  point,\n  lang,\n  timeUnit,\n}: PointFormatterProps) => {\n  if (timeUnit === VolatilityChartTimeUnit.D) {\n    return new Date(point).toLocaleDateString(undefined, {\n      month: 'numeric',\n      day: 'numeric',\n    });\n  }\n  if (timeUnit === VolatilityChartTimeUnit.W) {\n    return lang(weeklyDataLabels[point as DaysOfWeekKeys]);\n  }\n\n  return point;\n};\n\nexport const getOption: GetOptionType = (values, lang, timeUnit, isDark) => {\n  const pipsValues = values.map(({ pips }) => pips.toFixed());\n  const points = values.map(({ point }) =>\n    pointFormatter({ point, lang, timeUnit })\n  );\n\n  return {\n    animation: false,\n    title: {\n      left: 10,\n      top: 20,\n      textStyle: {\n        fontFamily: 'Sofia W03',\n        fontWeight: 500,\n        padding: 16,\n      },\n    },\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: points,\n      axisTick: {\n        alignWithLabel: true,\n      },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        margin: 10,\n        rotate: -45,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      name: lang('pips').toUpperCase(),\n      splitNumber: 5,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        rich: {\n          a: {\n            padding: [0, 0, 20, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n      },\n    },\n    series: [\n      {\n        data: pipsValues,\n        name: 'main',\n        type: 'bar',\n      },\n    ],\n    media: [\n      {\n        query: {\n          minWidth: DESKTOP_MIN_WIDTH,\n        },\n        option: {\n          ...getDesktopOption({ timeUnit, lang, isDark }),\n        },\n      },\n      {\n        query: {\n          maxWidth: DESKTOP_MIN_WIDTH - 1,\n        },\n        option: {\n          ...getMobileOption({ timeUnit, lang, isDark }),\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/VolatilityChartWidget/components/Chart/index.js

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

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

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

package/dist/module/VolatilityChartWidget/components/Chart/types.js

@@ -1,4 +1,10 @@
-export let DaysOfWeekKeys = function (DaysOfWeekKeys) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DaysOfWeekKeys = void 0;
+let DaysOfWeekKeys = exports.DaysOfWeekKeys = function (DaysOfWeekKeys) {
   DaysOfWeekKeys["MONDAY"] = "MONDAY";
   DaysOfWeekKeys["TUESDAY"] = "TUESDAY";
   DaysOfWeekKeys["WEDNESDAY"] = "WEDNESDAY";

package/dist/module/VolatilityChartWidget/components/Chart/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["DaysOfWeekKeys"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { VolatilityChartTimeUnit } from '../../../gql/types/graphql';\n\nexport enum DaysOfWeekKeys {\n  MONDAY = 'MONDAY',\n  TUESDAY = 'TUESDAY',\n  WEDNESDAY = 'WEDNESDAY',\n  THURSDAY = 'THURSDAY',\n  FRIDAY = 'FRIDAY',\n}\nexport interface VolatilityChartDataValues {\n  pips: number;\n  point: string;\n}\nexport interface ChartProps {\n  values: VolatilityChartDataValues[];\n  timeUnit: VolatilityChartTimeUnit;\n}\nexport interface TooltipData {\n  axisValue: string;\n  data: string;\n}\n\nexport type GetOptionType = (\n  values: VolatilityChartDataValues[],\n  lang: (label: string) => string,\n  timeUnit: VolatilityChartTimeUnit,\n  isDark: boolean\n) => EChartsOption;\n\nexport interface GetResponsiveOptionsProps {\n  timeUnit: VolatilityChartTimeUnit;\n  lang: (label: string) => string;\n  isDark: boolean;\n}\n\nexport interface TooltipFormatterProps {\n  value: TooltipData[];\n  timeUnit: VolatilityChartTimeUnit;\n  lang: (label: string) => string;\n}\nexport interface PointFormatterProps {\n  point: string;\n  lang: (label: string) => string;\n  timeUnit: VolatilityChartTimeUnit;\n}\n"],"mappings":"AAIA,WAAYA,cAAc,aAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["DaysOfWeekKeys","exports"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { VolatilityChartTimeUnit } from '../../../gql/types/graphql';\n\nexport enum DaysOfWeekKeys {\n  MONDAY = 'MONDAY',\n  TUESDAY = 'TUESDAY',\n  WEDNESDAY = 'WEDNESDAY',\n  THURSDAY = 'THURSDAY',\n  FRIDAY = 'FRIDAY',\n}\nexport interface VolatilityChartDataValues {\n  pips: number;\n  point: string;\n}\nexport interface ChartProps {\n  values: VolatilityChartDataValues[];\n  timeUnit: VolatilityChartTimeUnit;\n}\nexport interface TooltipData {\n  axisValue: string;\n  data: string;\n}\n\nexport type GetOptionType = (\n  values: VolatilityChartDataValues[],\n  lang: (label: string) => string,\n  timeUnit: VolatilityChartTimeUnit,\n  isDark: boolean\n) => EChartsOption;\n\nexport interface GetResponsiveOptionsProps {\n  timeUnit: VolatilityChartTimeUnit;\n  lang: (label: string) => string;\n  isDark: boolean;\n}\n\nexport interface TooltipFormatterProps {\n  value: TooltipData[];\n  timeUnit: VolatilityChartTimeUnit;\n  lang: (label: string) => string;\n}\nexport interface PointFormatterProps {\n  point: string;\n  lang: (label: string) => string;\n  timeUnit: VolatilityChartTimeUnit;\n}\n"],"mappings":";;;;;;IAIYA,cAAc,GAAAC,OAAA,CAAAD,cAAA,aAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/module/VolatilityChartWidget/components/InstrumentSelector/InstrumentSelector.js

@@ -1,8 +1,16 @@
-import { Select, Size, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import classnames from 'classnames';
-import React, { useEffect, useState } from 'react';
-import { getAssetClassesList, getInstrumentsByAssetClassId } from '../../utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InstrumentSelector = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const InstrumentSelector = _ref => {
   let {
     data,
@@ -10,21 +18,21 @@ const InstrumentSelector = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-  const assetClassesOptions = getAssetClassesList(data.volatilityChartAssetClasses);
-  const initInstrumentsOptions = getInstrumentsByAssetClassId(data.volatilityChartAssetClasses, assetClassesOptions[0].id);
-  const [selectedAssetClass, setSelectedAssetClass] = useState(assetClassesOptions[0]);
-  const [instrumentsList, setInstrumentsList] = useState(initInstrumentsOptions);
-  const [selectedInstrument, setSelectedInstrument] = useState(initInstrumentsOptions[0]);
-  useEffect(() => {
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  const assetClassesOptions = (0, _utils.getAssetClassesList)(data.volatilityChartAssetClasses);
+  const initInstrumentsOptions = (0, _utils.getInstrumentsByAssetClassId)(data.volatilityChartAssetClasses, assetClassesOptions[0].id);
+  const [selectedAssetClass, setSelectedAssetClass] = (0, _react.useState)(assetClassesOptions[0]);
+  const [instrumentsList, setInstrumentsList] = (0, _react.useState)(initInstrumentsOptions);
+  const [selectedInstrument, setSelectedInstrument] = (0, _react.useState)(initInstrumentsOptions[0]);
+  (0, _react.useEffect)(() => {
     onInstrumentChange(initInstrumentsOptions[0].id);
   }, []);
   const handleAssetClassSelect = selectedOption => {
-    const list = getInstrumentsByAssetClassId(data.volatilityChartAssetClasses, selectedOption.id);
+    const list = (0, _utils.getInstrumentsByAssetClassId)(data.volatilityChartAssetClasses, selectedOption.id);
     setSelectedAssetClass(selectedOption);
     setInstrumentsList(list);
     setSelectedInstrument(list[0]);
@@ -35,27 +43,27 @@ const InstrumentSelector = _ref => {
     onInstrumentChange(selectedOption.id);
   };
   const showAssetClassesSelect = assetClassesOptions.length > 1;
-  return React.createElement("div", {
-    className: classnames('lw-flex lw-flex-1', {
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-flex-1', {
       'lw-flex-row lw-gap-2': isDesktop,
       'lw-flex-col lw-gap-4': !isDesktop
     }),
     "data-testid": "instrument-selector"
-  }, showAssetClassesSelect ? React.createElement("div", {
-    className: classnames('lw-w-full', {
+  }, showAssetClassesSelect ? _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-w-full', {
       'lw-max-w-[250px]': isDesktop
     })
-  }, React.createElement(Select, {
+  }, _react.default.createElement(_labsWidgetCommon.Select, {
     options: assetClassesOptions,
     selectLabel: lang('instrument_type'),
     selectedOption: selectedAssetClass,
     setSelectedOption: handleAssetClassSelect
-  })) : null, React.createElement("div", {
-    className: classnames('lw-w-full', {
+  })) : null, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-w-full', {
       'lw-max-w-[250px]': isDesktop && showAssetClassesSelect,
       'lw-max-w-[280px]': isDesktop && !showAssetClassesSelect
     })
-  }, React.createElement(Select, {
+  }, _react.default.createElement(_labsWidgetCommon.Select, {
     options: instrumentsList,
     searchPlaceholder: lang('search'),
     selectLabel: lang('instrument'),
@@ -63,5 +71,5 @@ const InstrumentSelector = _ref => {
     setSelectedOption: handleInstrumentSelect
   })));
 };
-export { InstrumentSelector };
+exports.InstrumentSelector = InstrumentSelector;
 //# sourceMappingURL=InstrumentSelector.js.map

package/dist/module/VolatilityChartWidget/components/InstrumentSelector/InstrumentSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentSelector.js","names":["Select","Size","useLayoutProvider","useLocale","classnames","React","useEffect","useState","getAssetClassesList","getInstrumentsByAssetClassId","InstrumentSelector","_ref","data","onInstrumentChange","lang","size","isDesktop","DESKTOP","assetClassesOptions","volatilityChartAssetClasses","initInstrumentsOptions","id","selectedAssetClass","setSelectedAssetClass","instrumentsList","setInstrumentsList","selectedInstrument","setSelectedInstrument","handleAssetClassSelect","selectedOption","list","handleInstrumentSelect","showAssetClassesSelect","length","createElement","className","options","selectLabel","setSelectedOption","searchPlaceholder"],"sources":["../../../../../src/VolatilityChartWidget/components/InstrumentSelector/InstrumentSelector.tsx"],"sourcesContent":["import type { SelectOption } from '@oanda/labs-widget-common';\nimport { Select, Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React, { useEffect, useState } from 'react';\n\nimport { getAssetClassesList, getInstrumentsByAssetClassId } from '../../utils';\nimport type { InstrumentSelectorProps } from './types';\n\nconst InstrumentSelector = ({\n  data,\n  onInstrumentChange,\n}: InstrumentSelectorProps) => {\n  const { lang } = useLocale();\n\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const assetClassesOptions = getAssetClassesList(\n    data!.volatilityChartAssetClasses!\n  );\n  const initInstrumentsOptions = getInstrumentsByAssetClassId(\n    data!.volatilityChartAssetClasses!,\n    assetClassesOptions[0].id\n  );\n\n  const [selectedAssetClass, setSelectedAssetClass] = useState(\n    assetClassesOptions[0]\n  );\n  const [instrumentsList, setInstrumentsList] = useState(\n    initInstrumentsOptions\n  );\n  const [selectedInstrument, setSelectedInstrument] = useState(\n    initInstrumentsOptions[0]\n  );\n\n  useEffect(() => {\n    onInstrumentChange(initInstrumentsOptions[0].id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleAssetClassSelect = (selectedOption: SelectOption) => {\n    const list = getInstrumentsByAssetClassId(\n      data!.volatilityChartAssetClasses!,\n      selectedOption.id\n    );\n\n    setSelectedAssetClass(selectedOption);\n    setInstrumentsList(list);\n    setSelectedInstrument(list[0]);\n    onInstrumentChange(list[0].id);\n  };\n\n  const handleInstrumentSelect = (selectedOption: SelectOption) => {\n    setSelectedInstrument(selectedOption);\n    onInstrumentChange(selectedOption.id);\n  };\n\n  const showAssetClassesSelect = assetClassesOptions.length > 1;\n\n  return (\n    <div\n      className={classnames('lw-flex lw-flex-1', {\n        'lw-flex-row lw-gap-2': isDesktop,\n        'lw-flex-col lw-gap-4': !isDesktop,\n      })}\n      data-testid=\"instrument-selector\"\n    >\n      {showAssetClassesSelect ? (\n        <div\n          className={classnames('lw-w-full', { 'lw-max-w-[250px]': isDesktop })}\n        >\n          <Select\n            options={assetClassesOptions}\n            selectLabel={lang('instrument_type')}\n            selectedOption={selectedAssetClass}\n            setSelectedOption={handleAssetClassSelect}\n          />\n        </div>\n      ) : null}\n      <div\n        className={classnames('lw-w-full', {\n          'lw-max-w-[250px]': isDesktop && showAssetClassesSelect,\n          'lw-max-w-[280px]': isDesktop && !showAssetClassesSelect,\n        })}\n      >\n        <Select\n          options={instrumentsList}\n          searchPlaceholder={lang('search')}\n          selectLabel={lang('instrument')}\n          selectedOption={selectedInstrument}\n          setSelectedOption={handleInstrumentSelect}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport { InstrumentSelector };\n"],"mappings":"AACA,SAASA,MAAM,EAAEC,IAAI,EAAEC,iBAAiB,QAAQ,2BAA2B;AAC3E,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,mBAAmB,EAAEC,4BAA4B,QAAQ,aAAa;AAG/E,MAAMC,kBAAkB,GAAGC,IAAA,IAGI;EAAA,IAHH;IAC1BC,IAAI;IACJC;EACuB,CAAC,GAAAF,IAAA;EACxB,MAAM;IAAEG;EAAK,CAAC,GAAGX,SAAS,CAAC,CAAC;EAE5B,MAAM;IAAEY;EAAK,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EACpC,MAAMc,SAAS,GAAGD,IAAI,KAAKd,IAAI,CAACgB,OAAO;EAEvC,MAAMC,mBAAmB,GAAGV,mBAAmB,CAC7CI,IAAI,CAAEO,2BACR,CAAC;EACD,MAAMC,sBAAsB,GAAGX,4BAA4B,CACzDG,IAAI,CAAEO,2BAA2B,EACjCD,mBAAmB,CAAC,CAAC,CAAC,CAACG,EACzB,CAAC;EAED,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGhB,QAAQ,CAC1DW,mBAAmB,CAAC,CAAC,CACvB,CAAC;EACD,MAAM,CAACM,eAAe,EAAEC,kBAAkB,CAAC,GAAGlB,QAAQ,CACpDa,sBACF,CAAC;EACD,MAAM,CAACM,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGpB,QAAQ,CAC1Da,sBAAsB,CAAC,CAAC,CAC1B,CAAC;EAEDd,SAAS,CAAC,MAAM;IACdO,kBAAkB,CAACO,sBAAsB,CAAC,CAAC,CAAC,CAACC,EAAE,CAAC;EAElD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,sBAAsB,GAAIC,cAA4B,IAAK;IAC/D,MAAMC,IAAI,GAAGrB,4BAA4B,CACvCG,IAAI,CAAEO,2BAA2B,EACjCU,cAAc,CAACR,EACjB,CAAC;IAEDE,qBAAqB,CAACM,cAAc,CAAC;IACrCJ,kBAAkB,CAACK,IAAI,CAAC;IACxBH,qBAAqB,CAACG,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9BjB,kBAAkB,CAACiB,IAAI,CAAC,CAAC,CAAC,CAACT,EAAE,CAAC;EAChC,CAAC;EAED,MAAMU,sBAAsB,GAAIF,cAA4B,IAAK;IAC/DF,qBAAqB,CAACE,cAAc,CAAC;IACrChB,kBAAkB,CAACgB,cAAc,CAACR,EAAE,CAAC;EACvC,CAAC;EAED,MAAMW,sBAAsB,GAAGd,mBAAmB,CAACe,MAAM,GAAG,CAAC;EAE7D,OACE5B,KAAA,CAAA6B,aAAA;IACEC,SAAS,EAAE/B,UAAU,CAAC,mBAAmB,EAAE;MACzC,sBAAsB,EAAEY,SAAS;MACjC,sBAAsB,EAAE,CAACA;IAC3B,CAAC,CAAE;IACH,eAAY;EAAqB,GAEhCgB,sBAAsB,GACrB3B,KAAA,CAAA6B,aAAA;IACEC,SAAS,EAAE/B,UAAU,CAAC,WAAW,EAAE;MAAE,kBAAkB,EAAEY;IAAU,CAAC;EAAE,GAEtEX,KAAA,CAAA6B,aAAA,CAAClC,MAAM;IACLoC,OAAO,EAAElB,mBAAoB;IAC7BmB,WAAW,EAAEvB,IAAI,CAAC,iBAAiB,CAAE;IACrCe,cAAc,EAAEP,kBAAmB;IACnCgB,iBAAiB,EAAEV;EAAuB,CAC3C,CACE,CAAC,GACJ,IAAI,EACRvB,KAAA,CAAA6B,aAAA;IACEC,SAAS,EAAE/B,UAAU,CAAC,WAAW,EAAE;MACjC,kBAAkB,EAAEY,SAAS,IAAIgB,sBAAsB;MACvD,kBAAkB,EAAEhB,SAAS,IAAI,CAACgB;IACpC,CAAC;EAAE,GAEH3B,KAAA,CAAA6B,aAAA,CAAClC,MAAM;IACLoC,OAAO,EAAEZ,eAAgB;IACzBe,iBAAiB,EAAEzB,IAAI,CAAC,QAAQ,CAAE;IAClCuB,WAAW,EAAEvB,IAAI,CAAC,YAAY,CAAE;IAChCe,cAAc,EAAEH,kBAAmB;IACnCY,iBAAiB,EAAEP;EAAuB,CAC3C,CACE,CACF,CAAC;AAEV,CAAC;AAED,SAASrB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"InstrumentSelector.js","names":["_labsWidgetCommon","require","_monoI18n","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InstrumentSelector","_ref","data","onInstrumentChange","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","assetClassesOptions","getAssetClassesList","volatilityChartAssetClasses","initInstrumentsOptions","getInstrumentsByAssetClassId","id","selectedAssetClass","setSelectedAssetClass","useState","instrumentsList","setInstrumentsList","selectedInstrument","setSelectedInstrument","useEffect","handleAssetClassSelect","selectedOption","list","handleInstrumentSelect","showAssetClassesSelect","length","createElement","className","classnames","Select","options","selectLabel","setSelectedOption","searchPlaceholder","exports"],"sources":["../../../../../src/VolatilityChartWidget/components/InstrumentSelector/InstrumentSelector.tsx"],"sourcesContent":["import type { SelectOption } from '@oanda/labs-widget-common';\nimport { Select, Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React, { useEffect, useState } from 'react';\n\nimport { getAssetClassesList, getInstrumentsByAssetClassId } from '../../utils';\nimport type { InstrumentSelectorProps } from './types';\n\nconst InstrumentSelector = ({\n  data,\n  onInstrumentChange,\n}: InstrumentSelectorProps) => {\n  const { lang } = useLocale();\n\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const assetClassesOptions = getAssetClassesList(\n    data!.volatilityChartAssetClasses!\n  );\n  const initInstrumentsOptions = getInstrumentsByAssetClassId(\n    data!.volatilityChartAssetClasses!,\n    assetClassesOptions[0].id\n  );\n\n  const [selectedAssetClass, setSelectedAssetClass] = useState(\n    assetClassesOptions[0]\n  );\n  const [instrumentsList, setInstrumentsList] = useState(\n    initInstrumentsOptions\n  );\n  const [selectedInstrument, setSelectedInstrument] = useState(\n    initInstrumentsOptions[0]\n  );\n\n  useEffect(() => {\n    onInstrumentChange(initInstrumentsOptions[0].id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleAssetClassSelect = (selectedOption: SelectOption) => {\n    const list = getInstrumentsByAssetClassId(\n      data!.volatilityChartAssetClasses!,\n      selectedOption.id\n    );\n\n    setSelectedAssetClass(selectedOption);\n    setInstrumentsList(list);\n    setSelectedInstrument(list[0]);\n    onInstrumentChange(list[0].id);\n  };\n\n  const handleInstrumentSelect = (selectedOption: SelectOption) => {\n    setSelectedInstrument(selectedOption);\n    onInstrumentChange(selectedOption.id);\n  };\n\n  const showAssetClassesSelect = assetClassesOptions.length > 1;\n\n  return (\n    <div\n      className={classnames('lw-flex lw-flex-1', {\n        'lw-flex-row lw-gap-2': isDesktop,\n        'lw-flex-col lw-gap-4': !isDesktop,\n      })}\n      data-testid=\"instrument-selector\"\n    >\n      {showAssetClassesSelect ? (\n        <div\n          className={classnames('lw-w-full', { 'lw-max-w-[250px]': isDesktop })}\n        >\n          <Select\n            options={assetClassesOptions}\n            selectLabel={lang('instrument_type')}\n            selectedOption={selectedAssetClass}\n            setSelectedOption={handleAssetClassSelect}\n          />\n        </div>\n      ) : null}\n      <div\n        className={classnames('lw-w-full', {\n          'lw-max-w-[250px]': isDesktop && showAssetClassesSelect,\n          'lw-max-w-[280px]': isDesktop && !showAssetClassesSelect,\n        })}\n      >\n        <Select\n          options={instrumentsList}\n          searchPlaceholder={lang('search')}\n          selectLabel={lang('instrument')}\n          selectedOption={selectedInstrument}\n          setSelectedOption={handleInstrumentSelect}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport { InstrumentSelector };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/VolatilityChartWidget/components/InstrumentSelector/index.js

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

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

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

package/dist/module/VolatilityChartWidget/components/InstrumentSelector/types.js

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

package/dist/module/VolatilityChartWidget/components/TimeSpanSwitch/TimeSpanSwitch.js

@@ -1,6 +1,13 @@
-import { Switch } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeSpanSwitch = 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 TimeSpanSwitch = _ref => {
   let {
     selected,
@@ -9,7 +16,7 @@ const TimeSpanSwitch = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const items = options.map(_ref2 => {
     let {
       value: id,
@@ -23,7 +30,7 @@ const TimeSpanSwitch = _ref => {
   const handleButtonClick = e => {
     callback(e.currentTarget.value);
   };
-  return React.createElement(Switch, {
+  return _react.default.createElement(_labsWidgetCommon.Switch, {
     equalSize: true,
     activeTab: selected,
     handleClick: handleButtonClick,
@@ -31,5 +38,5 @@ const TimeSpanSwitch = _ref => {
     labelCallback: lang
   });
 };
-export { TimeSpanSwitch };
+exports.TimeSpanSwitch = TimeSpanSwitch;
 //# sourceMappingURL=TimeSpanSwitch.js.map

package/dist/module/VolatilityChartWidget/components/TimeSpanSwitch/TimeSpanSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSpanSwitch.js","names":["Switch","useLocale","React","TimeSpanSwitch","_ref","selected","options","callback","lang","items","map","_ref2","value","id","label","handleButtonClick","e","currentTarget","createElement","equalSize","activeTab","handleClick","labelCallback"],"sources":["../../../../../src/VolatilityChartWidget/components/TimeSpanSwitch/TimeSpanSwitch.tsx"],"sourcesContent":["import { Switch } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { VolatilityChartTimeSpan } from '../../../gql/types/graphql';\nimport type { TimeSpanSwitchProps } from './types';\n\nconst TimeSpanSwitch = ({\n  selected,\n  options,\n  callback,\n}: TimeSpanSwitchProps) => {\n  const { lang } = useLocale();\n\n  const items = options.map(({ value: id, label }) => ({ id, label }));\n\n  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    callback(e.currentTarget.value as VolatilityChartTimeSpan);\n  };\n\n  return (\n    <Switch\n      equalSize\n      activeTab={selected}\n      handleClick={handleButtonClick}\n      items={items}\n      labelCallback={lang}\n    />\n  );\n};\n\nexport { TimeSpanSwitch };\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;EAE5B,MAAMQ,KAAK,GAAGH,OAAO,CAACI,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,KAAK,EAAEC,EAAE;MAAEC;IAAM,CAAC,GAAAH,KAAA;IAAA,OAAM;MAAEE,EAAE;MAAEC;IAAM,CAAC;EAAA,CAAC,CAAC;EAEpE,MAAMC,iBAAiB,GAAIC,CAA0C,IAAK;IACxET,QAAQ,CAACS,CAAC,CAACC,aAAa,CAACL,KAAgC,CAAC;EAC5D,CAAC;EAED,OACEV,KAAA,CAAAgB,aAAA,CAAClB,MAAM;IACLmB,SAAS;IACTC,SAAS,EAAEf,QAAS;IACpBgB,WAAW,EAAEN,iBAAkB;IAC/BN,KAAK,EAAEA,KAAM;IACba,aAAa,EAAEd;EAAK,CACrB,CAAC;AAEN,CAAC;AAED,SAASL,cAAc","ignoreList":[]}
+{"version":3,"file":"TimeSpanSwitch.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireDefault","e","__esModule","default","TimeSpanSwitch","_ref","selected","options","callback","lang","useLocale","items","map","_ref2","value","id","label","handleButtonClick","currentTarget","createElement","Switch","equalSize","activeTab","handleClick","labelCallback","exports"],"sources":["../../../../../src/VolatilityChartWidget/components/TimeSpanSwitch/TimeSpanSwitch.tsx"],"sourcesContent":["import { Switch } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { VolatilityChartTimeSpan } from '../../../gql/types/graphql';\nimport type { TimeSpanSwitchProps } from './types';\n\nconst TimeSpanSwitch = ({\n  selected,\n  options,\n  callback,\n}: TimeSpanSwitchProps) => {\n  const { lang } = useLocale();\n\n  const items = options.map(({ value: id, label }) => ({ id, label }));\n\n  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    callback(e.currentTarget.value as VolatilityChartTimeSpan);\n  };\n\n  return (\n    <Switch\n      equalSize\n      activeTab={selected}\n      handleClick={handleButtonClick}\n      items={items}\n      labelCallback={lang}\n    />\n  );\n};\n\nexport { TimeSpanSwitch };\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;EAE5B,MAAMC,KAAK,GAAGJ,OAAO,CAACK,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,KAAK,EAAEC,EAAE;MAAEC;IAAM,CAAC,GAAAH,KAAA;IAAA,OAAM;MAAEE,EAAE;MAAEC;IAAM,CAAC;EAAA,CAAC,CAAC;EAEpE,MAAMC,iBAAiB,GAAIhB,CAA0C,IAAK;IACxEO,QAAQ,CAACP,CAAC,CAACiB,aAAa,CAACJ,KAAgC,CAAC;EAC5D,CAAC;EAED,OACEf,MAAA,CAAAI,OAAA,CAAAgB,aAAA,CAACvB,iBAAA,CAAAwB,MAAM;IACLC,SAAS;IACTC,SAAS,EAAEhB,QAAS;IACpBiB,WAAW,EAAEN,iBAAkB;IAC/BN,KAAK,EAAEA,KAAM;IACba,aAAa,EAAEf;EAAK,CACrB,CAAC;AAEN,CAAC;AAACgB,OAAA,CAAArB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/module/VolatilityChartWidget/components/TimeSpanSwitch/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/VolatilityChartWidget/components/TimeSpanSwitch/index.ts"],"sourcesContent":["export * from './TimeSpanSwitch';\n"],"mappings":"AAAA,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_TimeSpanSwitch","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/VolatilityChartWidget/components/TimeSpanSwitch/index.ts"],"sourcesContent":["export * from './TimeSpanSwitch';\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/module/VolatilityChartWidget/components/TimeSpanSwitch/types.js

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

package/dist/module/VolatilityChartWidget/config.js

@@ -1,54 +1,60 @@
-import { VolatilityChartTimeSpan, VolatilityChartTimeUnit } from '../gql/types/graphql';
-const navigationConfig = [{
-  id: VolatilityChartTimeUnit.D,
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.timeSpanConfig = exports.navigationConfig = void 0;
+var _graphql = require("../gql/types/graphql");
+const navigationConfig = exports.navigationConfig = [{
+  id: _graphql.VolatilityChartTimeUnit.D,
   label: 'daily'
 }, {
-  id: VolatilityChartTimeUnit.H,
+  id: _graphql.VolatilityChartTimeUnit.H,
   label: 'hourly'
 }, {
-  id: VolatilityChartTimeUnit.W,
+  id: _graphql.VolatilityChartTimeUnit.W,
   label: 'weekly'
 }];
-const timeSpanConfig = {
-  [VolatilityChartTimeUnit.D]: [{
-    value: VolatilityChartTimeSpan.M1,
+const timeSpanConfig = exports.timeSpanConfig = {
+  [_graphql.VolatilityChartTimeUnit.D]: [{
+    value: _graphql.VolatilityChartTimeSpan.M1,
     label: '1m',
     tooltipLabel: {
       translationKey: 'month',
       count: 1
     }
   }, {
-    value: VolatilityChartTimeSpan.M3,
+    value: _graphql.VolatilityChartTimeSpan.M3,
     label: '3m',
     tooltipLabel: {
       translationKey: 'month',
       count: 3
     }
   }],
-  [VolatilityChartTimeUnit.H]: [{
-    value: VolatilityChartTimeSpan.D5,
+  [_graphql.VolatilityChartTimeUnit.H]: [{
+    value: _graphql.VolatilityChartTimeSpan.D5,
     label: '5d',
     tooltipLabel: {
       translationKey: 'day',
       count: 5
     }
   }, {
-    value: VolatilityChartTimeSpan.D10,
+    value: _graphql.VolatilityChartTimeSpan.D10,
     label: '10d',
     tooltipLabel: {
       translationKey: 'day',
       count: 10
     }
   }],
-  [VolatilityChartTimeUnit.W]: [{
-    value: VolatilityChartTimeSpan.W5,
+  [_graphql.VolatilityChartTimeUnit.W]: [{
+    value: _graphql.VolatilityChartTimeSpan.W5,
     label: '5w',
     tooltipLabel: {
       translationKey: 'week',
       count: 5
     }
   }, {
-    value: VolatilityChartTimeSpan.W10,
+    value: _graphql.VolatilityChartTimeSpan.W10,
     label: '10w',
     tooltipLabel: {
       translationKey: 'week',
@@ -56,5 +62,4 @@ const timeSpanConfig = {
     }
   }]
 };
-export { navigationConfig, timeSpanConfig };
 //# sourceMappingURL=config.js.map