@oanda/labs-order-book-widget 1.0.218 → 1.0.220

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

@@ -1,115 +1,7 @@
 import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';
 import { CHART_HEIGHT_DESKTOP, CHART_HEIGHT_MOBILE, CHART_WIDTH, INITIAL_BARS, X_LABEL_SIZE, Y_LABEL_SIZE_DESKTOP, Y_LABEL_SIZE_MOBILE, ZOOM_CONTROL_HEIGHT } from './constants';
 import { tooltipFormatter } from './formatters';
-export const getResponsiveOption = _ref => {
-  let {
-    isDark,
-    isOrderBook,
-    isDesktop,
-    lang
-  } = _ref;
-  const desktopGridLines = getGridLines({
-    isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,
-    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,
-    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,
-    bottomLeftBox: isDesktop,
-    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT
-  });
-  return {
-    grid: [{
-      name: 'main-grid',
-      top: '48px',
-      left: '0px',
-      right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,
-      bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`
-    }],
-    yAxis: {
-      axisLabel: {
-        margin: isDesktop ? 10 : 0
-      }
-    },
-    series: [{
-      type: 'custom',
-      name: 'current-price',
-      id: 'current-price',
-      markLine: {
-        label: {
-          padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5]
-        }
-      }
-    }],
-    graphic: [...desktopGridLines, {
-      type: 'group',
-      left: '8px',
-      top: '56px',
-      silent: true,
-      children: [{
-        type: 'rect',
-        z: 100,
-        left: 'center',
-        top: 'middle',
-        shape: {
-          width: 70,
-          height: 30
-        },
-        style: {
-          fill: isDark ? colorPalette.darkGray : colorPalette.white,
-          shadowBlur: 8,
-          shadowOffsetX: 0,
-          shadowOffsetY: 1,
-          shadowColor: 'rgba(0,0,0,0.1)'
-        }
-      }, {
-        type: 'text',
-        z: 100,
-        left: 'center',
-        top: 'middle',
-        style: {
-          fill: isDark ? colorPalette.white : colorPalette.black,
-          width: 70,
-          height: 30,
-          text: lang(isOrderBook ? 'sell' : 'short')
-        }
-      }]
-    }, {
-      type: 'group',
-      right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,
-      top: '56px',
-      silent: true,
-      children: [{
-        type: 'rect',
-        z: 100,
-        right: 'center',
-        top: 'middle',
-        shape: {
-          width: 70,
-          height: 30
-        },
-        style: {
-          fill: isDark ? colorPalette.darkGray : colorPalette.white,
-          shadowBlur: 8,
-          shadowOffsetX: 0,
-          shadowOffsetY: 1,
-          shadowColor: 'rgba(0,0,0,0.1)'
-        }
-      }, {
-        type: 'text',
-        z: 100,
-        right: 'center',
-        top: 'middle',
-        style: {
-          fill: isDark ? colorPalette.white : colorPalette.black,
-          width: 70,
-          height: 30,
-          text: lang(isOrderBook ? 'buy' : 'long')
-        }
-      }]
-    }]
-  };
-};
-export const getOption = _ref2 => {
+export const getOption = _ref => {
   let {
     data,
     precision,
@@ -117,7 +9,7 @@ export const getOption = _ref2 => {
     isOrderBook,
     isDesktop,
     lang
-  } = _ref2;
+  } = _ref;
   const buckets = data.orderPositionBooks[0]?.buckets || [];
   const bucketWidth = data.orderPositionBooks[0]?.bucketWidth;
   const price = data.orderPositionBooks[0]?.price;
@@ -128,17 +20,30 @@ export const getOption = _ref2 => {
   const max = Math.max(...dataset.map(item => item[1]));
   const min = Math.abs(Math.min(...dataset.map(item => item[2])));
   const range = max > min ? max : min;
+  const gridLines = getGridLines({
+    isDark,
+    chartWidth: CHART_WIDTH,
+    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,
+    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,
+    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,
+    bottomLeftBox: isDesktop,
+    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT
+  });
   return {
     animation: false,
     color: [colorPalette.bottleGreenLight, isDark ? colorPalette.orange : colorPalette.raspberryDark],
     title: {
       text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),
       padding: 20,
+      top: 0,
+      left: 0,
       textStyle: {
         fontSize: 14
       }
     },
     toolbox: {
+      bottom: -4,
+      right: -4,
       feature: getZoomControls({
         resetStartValue: zoomInitialStartValue,
         resetEndValue: zoomInitialEndValue
@@ -303,13 +208,81 @@ export const getOption = _ref2 => {
           overflow: 'truncate',
           width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,
           color: isDark ? colorPalette.black : colorPalette.white,
-          backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark
+          backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,
+          padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5]
         },
         data: [{
           yAxis: price
         }]
       },
       renderItem: () => null
+    }],
+    graphic: [...gridLines, {
+      type: 'group',
+      left: '8px',
+      top: '56px',
+      silent: true,
+      children: [{
+        type: 'rect',
+        z: 100,
+        left: 'center',
+        top: 'middle',
+        shape: {
+          width: 70,
+          height: 30
+        },
+        style: {
+          fill: isDark ? colorPalette.darkGray : colorPalette.white,
+          shadowBlur: 8,
+          shadowOffsetX: 0,
+          shadowOffsetY: 1,
+          shadowColor: 'rgba(0,0,0,0.1)'
+        }
+      }, {
+        type: 'text',
+        z: 100,
+        left: 'center',
+        top: 'middle',
+        style: {
+          fill: isDark ? colorPalette.white : colorPalette.black,
+          width: 70,
+          height: 30,
+          text: lang(isOrderBook ? 'sell' : 'short')
+        }
+      }]
+    }, {
+      type: 'group',
+      right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,
+      top: '56px',
+      silent: true,
+      children: [{
+        type: 'rect',
+        z: 100,
+        right: 'center',
+        top: 'middle',
+        shape: {
+          width: 70,
+          height: 30
+        },
+        style: {
+          fill: isDark ? colorPalette.darkGray : colorPalette.white,
+          shadowBlur: 8,
+          shadowOffsetX: 0,
+          shadowOffsetY: 1,
+          shadowColor: 'rgba(0,0,0,0.1)'
+        }
+      }, {
+        type: 'text',
+        z: 100,
+        right: 'center',
+        top: 'middle',
+        style: {
+          fill: isDark ? colorPalette.white : colorPalette.black,
+          width: 70,
+          height: 30,
+          text: lang(isOrderBook ? 'buy' : 'long')
+        }
+      }]
     }]
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getZoomControls","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","CHART_WIDTH","INITIAL_BARS","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","ZOOM_CONTROL_HEIGHT","tooltipFormatter","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","marginBottom","grid","name","top","left","right","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","getOption","_ref2","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","extraCssText","xAxis","floor","ceil","axisTick","show","axisLine","value","hideOverlap","alignMaxLabel","alignMinLabel","position","overflow","showMaxLabel","showMinLabel","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolOffset","symbolRotate","symbolSize","lineStyle","bottleGreenDark","distance","undefined","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getZoomControls,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  CHART_WIDTH,\n  INITIAL_BARS,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { tooltipFormatter } from './formatters';\nimport type { GetOptionType, GetResponsiveOptionsProps } from './types';\n\nexport const getResponsiveOption = ({\n  isDark,\n  isOrderBook,\n  isDesktop,\n  lang,\n}: GetResponsiveOptionsProps) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data,\n  precision,\n  isDark,\n  isOrderBook,\n  isDesktop,\n  lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => [\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]);\n\n  const zoomInitialStartValue = price - bucketWidth * INITIAL_BARS * 0.5;\n  const zoomInitialEndValue = price + bucketWidth * INITIAL_BARS * 0.5;\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return {\n    animation: false,\n    color: [\n      colorPalette.bottleGreenLight,\n      isDark ? colorPalette.orange : colorPalette.raspberryDark,\n    ],\n    title: {\n      text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n      padding: 20,\n      textStyle: {\n        fontSize: 14,\n      },\n    },\n    toolbox: {\n      feature: getZoomControls({\n        resetStartValue: zoomInitialStartValue,\n        resetEndValue: zoomInitialEndValue,\n      }),\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        realtime: true,\n        startValue: zoomInitialStartValue,\n        endValue: zoomInitialEndValue,\n\n        yAxisIndex: 0,\n        minValueSpan: 10 * bucketWidth,\n      },\n    ],\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        axis: 'y',\n      },\n      formatter: (val) =>\n        tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n      extraCssText: 'z-index: 1',\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    xAxis: {\n      type: 'value',\n      min: Math.floor(range * -1.1),\n      max: Math.ceil(range * 1.1),\n      axisTick: { show: false },\n      axisLine: { show: false },\n      axisLabel: {\n        padding: [7, 12, 0, 12],\n        formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n        hideOverlap: true,\n        alignMaxLabel: 'right',\n        alignMinLabel: 'left',\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        overflow: 'truncate',\n        width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,\n        margin: isDesktop ? 10 : 0,\n        showMaxLabel: false,\n        showMinLabel: false,\n        padding: [0, 0, 0, 10],\n        formatter: (value) => value.toFixed(bucketPrecision),\n      },\n    },\n    dataset: {\n      source: dataset,\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'sell-short',\n        id: 'sell-short',\n        clip: true,\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 1,\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(1), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size\n            ? (api.size([0, bucketWidth]) as number[])[1]\n            : 0;\n          const height =\n            bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] + 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            emphasis: {\n              style: {\n                fill: colorPalette.bottleGreenLight,\n              },\n            },\n            style: {\n              fill: api.visual('color'),\n            },\n          };\n        },\n      },\n      {\n        type: 'custom',\n        name: 'buy-long',\n        id: 'buy-long',\n        clip: true,\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 2,\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(2), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size\n            ? (api.size([0, bucketWidth]) as number[])[1]\n            : 0;\n          const height =\n            bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] - 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            emphasis: {\n              style: {\n                fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n              },\n            },\n            style: {\n              fill: api.visual('color'),\n            },\n          };\n        },\n      },\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          animation: false,\n          silent: true,\n          precision,\n          symbol: ['none', 'triangle'],\n          symbolOffset: [0, [0, isDesktop ? 0 : -10]] as unknown as number,\n          symbolRotate: 90,\n          symbolSize: [20, 10],\n          lineStyle: {\n            color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          label: {\n            distance: isDesktop ? 5 : -5,\n            overflow: 'truncate',\n            width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,\n            color: isDark ? colorPalette.black : colorPalette.white,\n            backgroundColor: isDark\n              ? colorPalette.orange\n              : colorPalette.bottleGreenDark,\n          },\n          data: [\n            {\n              yAxis: price,\n            },\n          ],\n        },\n        renderItem: () => null,\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getZoomControls","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","CHART_WIDTH","INITIAL_BARS","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","ZOOM_CONTROL_HEIGHT","tooltipFormatter","getOption","_ref","data","precision","isDark","isOrderBook","isDesktop","lang","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","zoomInitialEndValue","max","Math","min","abs","range","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","marginBottom","animation","color","bottleGreenLight","orange","raspberryDark","title","text","toUpperCase","padding","top","left","textStyle","fontSize","toolbox","bottom","right","feature","resetStartValue","resetEndValue","dataZoom","type","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","extraCssText","grid","name","xAxis","floor","ceil","axisTick","show","axisLine","axisLabel","value","hideOverlap","alignMaxLabel","alignMinLabel","yAxis","position","overflow","width","margin","showMaxLabel","showMinLabel","toFixed","source","series","id","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","height","rectShape","shape","emphasis","style","fill","visual","markLine","silent","symbol","symbolOffset","symbolRotate","symbolSize","lineStyle","bottleGreenDark","label","distance","undefined","black","white","backgroundColor","graphic","children","z","darkGray","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getZoomControls,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  CHART_WIDTH,\n  INITIAL_BARS,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { tooltipFormatter } from './formatters';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({\n  data,\n  precision,\n  isDark,\n  isOrderBook,\n  isDesktop,\n  lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => [\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]);\n\n  const zoomInitialStartValue = price - bucketWidth * INITIAL_BARS * 0.5;\n  const zoomInitialEndValue = price + bucketWidth * INITIAL_BARS * 0.5;\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    animation: false,\n    color: [\n      colorPalette.bottleGreenLight,\n      isDark ? colorPalette.orange : colorPalette.raspberryDark,\n    ],\n    title: {\n      text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n      padding: 20,\n      top: 0,\n      left: 0,\n      textStyle: {\n        fontSize: 14,\n      },\n    },\n    toolbox: {\n      bottom: -4,\n      right: -4,\n      feature: getZoomControls({\n        resetStartValue: zoomInitialStartValue,\n        resetEndValue: zoomInitialEndValue,\n      }),\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        realtime: true,\n        startValue: zoomInitialStartValue,\n        endValue: zoomInitialEndValue,\n\n        yAxisIndex: 0,\n        minValueSpan: 10 * bucketWidth,\n      },\n    ],\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        axis: 'y',\n      },\n      formatter: (val) =>\n        tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n      extraCssText: 'z-index: 1',\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    xAxis: {\n      type: 'value',\n      min: Math.floor(range * -1.1),\n      max: Math.ceil(range * 1.1),\n      axisTick: { show: false },\n      axisLine: { show: false },\n      axisLabel: {\n        padding: [7, 12, 0, 12],\n        formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n        hideOverlap: true,\n        alignMaxLabel: 'right',\n        alignMinLabel: 'left',\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        overflow: 'truncate',\n        width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,\n        margin: isDesktop ? 10 : 0,\n        showMaxLabel: false,\n        showMinLabel: false,\n        padding: [0, 0, 0, 10],\n        formatter: (value) => value.toFixed(bucketPrecision),\n      },\n    },\n    dataset: {\n      source: dataset,\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'sell-short',\n        id: 'sell-short',\n        clip: true,\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 1,\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(1), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size\n            ? (api.size([0, bucketWidth]) as number[])[1]\n            : 0;\n          const height =\n            bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] + 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            emphasis: {\n              style: {\n                fill: colorPalette.bottleGreenLight,\n              },\n            },\n            style: {\n              fill: api.visual('color'),\n            },\n          };\n        },\n      },\n      {\n        type: 'custom',\n        name: 'buy-long',\n        id: 'buy-long',\n        clip: true,\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 2,\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(2), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size\n            ? (api.size([0, bucketWidth]) as number[])[1]\n            : 0;\n          const height =\n            bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] - 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            emphasis: {\n              style: {\n                fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n              },\n            },\n            style: {\n              fill: api.visual('color'),\n            },\n          };\n        },\n      },\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          animation: false,\n          silent: true,\n          precision,\n          symbol: ['none', 'triangle'],\n          symbolOffset: [0, [0, isDesktop ? 0 : -10]] as unknown as number,\n          symbolRotate: 90,\n          symbolSize: [20, 10],\n          lineStyle: {\n            color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          label: {\n            distance: isDesktop ? 5 : -5,\n            overflow: 'truncate',\n            width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,\n            color: isDark ? colorPalette.black : colorPalette.white,\n            backgroundColor: isDark\n              ? colorPalette.orange\n              : colorPalette.bottleGreenDark,\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n          data: [\n            {\n              yAxis: price,\n            },\n          ],\n        },\n        renderItem: () => null,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/OrderBookWidget/components/Chart/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { GetOrderPositionBooksQuery } from '../../../gql/types/graphql';\n\nexport interface ChartProps {\n  data: GetOrderPositionBooksQuery;\n  isOrderBook: boolean;\n  precision: number;\n}\n\nexport interface GetResponsiveOptionsProps {\n  isDesktop: boolean;\n  isDark: boolean;\n  isOrderBook: boolean;\n  lang: (label: string) => string;\n}\n\nexport interface GetOptionProps {\n  data: GetOrderPositionBooksQuery;\n  precision: number;\n  isDark: boolean;\n  isOrderBook: boolean;\n  isDesktop: boolean;\n  lang: (label: string) => string;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport type TooltipFormatterType = (props: {\n  data: number[];\n  precision: number;\n  isOrderBook: boolean;\n  lang: (label: string) => string;\n}) => string;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/OrderBookWidget/components/Chart/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { GetOrderPositionBooksQuery } from '../../../gql/types/graphql';\n\nexport interface ChartProps {\n  data: GetOrderPositionBooksQuery;\n  isOrderBook: boolean;\n  precision: number;\n}\n\nexport interface GetOptionProps {\n  data: GetOrderPositionBooksQuery;\n  precision: number;\n  isDark: boolean;\n  isOrderBook: boolean;\n  isDesktop: boolean;\n  lang: (label: string) => string;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport type TooltipFormatterType = (props: {\n  data: number[];\n  precision: number;\n  isOrderBook: boolean;\n  lang: (label: string) => string;\n}) => string;\n"],"mappings":"","ignoreList":[]}

package/dist/types/OrderBookWidget/components/Chart/getOption.d.ts

@@ -1,189 +1,2 @@
-import type { GetOptionType, GetResponsiveOptionsProps } from './types';
-export declare const getResponsiveOption: ({ isDark, isOrderBook, isDesktop, lang, }: GetResponsiveOptionsProps) => {
-    grid: {
-        name: string;
-        top: string;
-        left: string;
-        right: string;
-        bottom: string;
-    }[];
-    yAxis: {
-        axisLabel: {
-            margin: number;
-        };
-    };
-    series: {
-        type: string;
-        name: string;
-        id: string;
-        markLine: {
-            label: {
-                padding: number[];
-            };
-        };
-    }[];
-    graphic: ({
-        top: number | undefined;
-        bottom: number | undefined;
-        left: number | undefined;
-        right: number | undefined;
-        shape: {
-            x1: number;
-            y1: number;
-            x2: number;
-            y2: number;
-        };
-        type: string;
-        silent: boolean;
-        z: number;
-        style: {
-            stroke: string;
-            lineWidth: number;
-        };
-    } | {
-        top: number;
-        shape: {
-            x1: number;
-            y1: number;
-            x2: number;
-            y2: number;
-        };
-        type: string;
-        silent: boolean;
-        z: number;
-        style: {
-            stroke: string;
-            lineWidth: number;
-        };
-    } | {
-        right: number;
-        shape: {
-            x1: number;
-            y1: number;
-            x2: number;
-            y2: number;
-        };
-        type: string;
-        silent: boolean;
-        z: number;
-        style: {
-            stroke: string;
-            lineWidth: number;
-        };
-    } | {
-        bottom: number;
-        shape: {
-            x1: number;
-            y1: number;
-            x2: number;
-            y2: number;
-        };
-        type: string;
-        silent: boolean;
-        z: number;
-        style: {
-            stroke: string;
-            lineWidth: number;
-        };
-    } | {
-        left: number;
-        shape: {
-            x1: number;
-            y1: number;
-            x2: number;
-            y2: number;
-        };
-        type: string;
-        silent: boolean;
-        z: number;
-        style: {
-            stroke: string;
-            lineWidth: number;
-        };
-    } | {
-        type: string;
-        left: string;
-        top: string;
-        silent: boolean;
-        children: ({
-            type: string;
-            z: number;
-            left: string;
-            top: string;
-            shape: {
-                width: number;
-                height: number;
-            };
-            style: {
-                fill: string;
-                shadowBlur: number;
-                shadowOffsetX: number;
-                shadowOffsetY: number;
-                shadowColor: string;
-                width?: undefined;
-                height?: undefined;
-                text?: undefined;
-            };
-        } | {
-            type: string;
-            z: number;
-            left: string;
-            top: string;
-            style: {
-                fill: string;
-                width: number;
-                height: number;
-                text: string;
-                shadowBlur?: undefined;
-                shadowOffsetX?: undefined;
-                shadowOffsetY?: undefined;
-                shadowColor?: undefined;
-            };
-            shape?: undefined;
-        })[];
-        right?: undefined;
-    } | {
-        type: string;
-        right: string;
-        top: string;
-        silent: boolean;
-        children: ({
-            type: string;
-            z: number;
-            right: string;
-            top: string;
-            shape: {
-                width: number;
-                height: number;
-            };
-            style: {
-                fill: string;
-                shadowBlur: number;
-                shadowOffsetX: number;
-                shadowOffsetY: number;
-                shadowColor: string;
-                width?: undefined;
-                height?: undefined;
-                text?: undefined;
-            };
-        } | {
-            type: string;
-            z: number;
-            right: string;
-            top: string;
-            style: {
-                fill: string;
-                width: number;
-                height: number;
-                text: string;
-                shadowBlur?: undefined;
-                shadowOffsetX?: undefined;
-                shadowOffsetY?: undefined;
-                shadowColor?: undefined;
-            };
-            shape?: undefined;
-        })[];
-        left?: undefined;
-    })[];
-};
+import type { GetOptionType } from './types';
 export declare const getOption: GetOptionType;

package/dist/types/OrderBookWidget/components/Chart/types.d.ts

@@ -5,12 +5,6 @@ export interface ChartProps {
     isOrderBook: boolean;
     precision: number;
 }
-export interface GetResponsiveOptionsProps {
-    isDesktop: boolean;
-    isDark: boolean;
-    isOrderBook: boolean;
-    lang: (label: string) => string;
-}
 export interface GetOptionProps {
     data: GetOrderPositionBooksQuery;
     precision: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-order-book-widget",
-  "version": "1.0.218",
+  "version": "1.0.220",
   "description": "Labs Order Book Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,10 +12,10 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.218",
+    "@oanda/labs-widget-common": "^1.0.220",
     "@oanda/mono-i18n": "10.0.1",
-    "echarts": "5.5.0",
-    "echarts-for-react": "3.0.2",
+    "echarts": "6.0.0",
+    "echarts-for-react": "3.0.4",
     "graphql": "16.8.1"
   },
   "devDependencies": {
@@ -23,5 +23,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@graphql-codegen/typescript": "4.0.1"
   },
-  "gitHead": "7a07df3d3cadc0733696bb4579b520fe54eacee0"
+  "gitHead": "84d9bec88af7893f20ccd2d88fcbc28dd30aec22"
 }