@oanda/labs-currency-power-balance-widget 1.0.157 → 1.0.159

package/src/CurrencyPowerBalanceWidget/components/Chart/options/getOption.ts

@@ -1,8 +1,19 @@
-import { Theme, themeColors } from '@oanda/labs-widget-common';
+import { getGridLines, Theme, themeColors } from '@oanda/labs-widget-common';
 
 import type { CurrencyPowerBalance } from '../../../../gql/types/graphql';
 import { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';
-import { COLOR_CONFIG, TOOLTIP_LINE_COLOR_CONFIG } from './constants';
+import {
+  CHART_HEIGHT,
+  CHART_WIDTH,
+  COLOR_CONFIG,
+  LEGEND_HEIGHT,
+  LEGEND_HEIGHT_MOBILE,
+  TOOLTIP_LINE_COLOR_CONFIG,
+  X_LABEL_SIZE,
+  X_LABEL_SIZE_MOBILE,
+  Y_LABEL_SIZE,
+  Y_LABEL_SIZE_MOBILE,
+} from './constants';
 import {
   formatLegendData,
   intervalFormatter,
@@ -15,6 +26,8 @@ const getOption = (
   chartData: CurrencyPowerBalance[],
   timeUnit: CurrencyPowerBalanceTimeUnit,
   isDark: boolean,
+  isDesktop: boolean,
+  isMobile: boolean,
   lang: (key: string) => string
 ) => {
   const currentTheme = isDark ? Theme.Dark : Theme.Light;
@@ -88,6 +101,16 @@ const getOption = (
 
   const legendData = formatLegendData(chartData);
 
+  const baseGridLines = getGridLines({
+    isDark,
+    chartWidth: CHART_WIDTH,
+    chartHeight: CHART_HEIGHT,
+    xLabelsSize: isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE,
+    yLabelSize: isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE,
+    bottomLeftBox: false,
+    marginBottom: isMobile ? LEGEND_HEIGHT_MOBILE : LEGEND_HEIGHT,
+  });
+
   return {
     animation: false,
     legend: {
@@ -137,9 +160,20 @@ const getOption = (
       axisLabel: {
         showMaxLabel: false,
         showMinLabel: false,
+        margin: isDesktop ? 8 : 6,
       },
     },
     series: seriesData,
+    grid: [
+      {
+        name: 'main-grid',
+        top: '0px',
+        left: '0px',
+        right: `${isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE}px`,
+        bottom: `${isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE}px`,
+      },
+    ],
+    graphic: [...baseGridLines],
   };
 };
 

package/src/CurrencyPowerBalanceWidget/components/Chart/options/index.ts

@@ -1,2 +1 @@
 export * from './getOption';
-export * from './getResponsiveOption';

package/dist/main/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getResponsiveOption = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _constants = require("./constants");
-const getResponsiveOption = (isDesktop, isMobile, isDark) => {
-  const baseGridLines = (0, _labsWidgetCommon.getGridLines)({
-    isDark,
-    chartWidth: _constants.CHART_WIDTH,
-    chartHeight: _constants.CHART_HEIGHT,
-    xLabelsSize: isMobile ? _constants.X_LABEL_SIZE_MOBILE : _constants.X_LABEL_SIZE,
-    yLabelSize: isMobile ? _constants.Y_LABEL_SIZE_MOBILE : _constants.Y_LABEL_SIZE,
-    bottomLeftBox: false,
-    marginBottom: isMobile ? _constants.LEGEND_HEIGHT_MOBILE : _constants.LEGEND_HEIGHT
-  });
-  return {
-    yAxis: {
-      axisLabel: {
-        margin: isDesktop ? 8 : 6
-      }
-    },
-    grid: [{
-      name: 'main-grid',
-      top: '0px',
-      left: '0px',
-      right: `${isMobile ? _constants.Y_LABEL_SIZE_MOBILE : _constants.Y_LABEL_SIZE}px`,
-      bottom: `${isMobile ? _constants.X_LABEL_SIZE_MOBILE : _constants.X_LABEL_SIZE}px`
-    }],
-    graphic: [...baseGridLines]
-  };
-};
-exports.getResponsiveOption = getResponsiveOption;
-//# sourceMappingURL=getResponsiveOption.js.map

package/dist/main/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getResponsiveOption.js","names":["_labsWidgetCommon","require","_constants","getResponsiveOption","isDesktop","isMobile","isDark","baseGridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE_MOBILE","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE","bottomLeftBox","marginBottom","LEGEND_HEIGHT_MOBILE","LEGEND_HEIGHT","yAxis","axisLabel","margin","grid","name","top","left","right","bottom","graphic","exports"],"sources":["../../../../../../src/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.ts"],"sourcesContent":["import { getGridLines } from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  LEGEND_HEIGHT,\n  LEGEND_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  X_LABEL_SIZE_MOBILE,\n  Y_LABEL_SIZE,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\n\nconst getResponsiveOption = (\n  isDesktop: boolean,\n  isMobile: boolean,\n  isDark: boolean\n) => {\n  const baseGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE,\n    yLabelSize: isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE,\n    bottomLeftBox: false,\n    marginBottom: isMobile ? LEGEND_HEIGHT_MOBILE : LEGEND_HEIGHT,\n  });\n\n  return {\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 8 : 6,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '0px',\n        left: '0px',\n        right: `${isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE}px`,\n        bottom: `${isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [...baseGridLines],\n  };\n};\n\nexport { getResponsiveOption };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAWA,MAAME,mBAAmB,GAAGA,CAC1BC,SAAkB,EAClBC,QAAiB,EACjBC,MAAe,KACZ;EACH,MAAMC,aAAa,GAAG,IAAAC,8BAAY,EAAC;IACjCF,MAAM;IACNG,UAAU,EAAEC,sBAAW;IACvBC,WAAW,EAAEC,uBAAY;IACzBC,WAAW,EAAER,QAAQ,GAAGS,8BAAmB,GAAGC,uBAAY;IAC1DC,UAAU,EAAEX,QAAQ,GAAGY,8BAAmB,GAAGC,uBAAY;IACzDC,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAEf,QAAQ,GAAGgB,+BAAoB,GAAGC;EAClD,CAAC,CAAC;EAEF,OAAO;IACLC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,MAAM,EAAErB,SAAS,GAAG,CAAC,GAAG;MAC1B;IACF,CAAC;IACDsB,IAAI,EAAE,CACJ;MACEC,IAAI,EAAE,WAAW;MACjBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE,GAAGzB,QAAQ,GAAGY,8BAAmB,GAAGC,uBAAY,IAAI;MAC3Da,MAAM,EAAE,GAAG1B,QAAQ,GAAGS,8BAAmB,GAAGC,uBAAY;IAC1D,CAAC,CACF;IACDiB,OAAO,EAAE,CAAC,GAAGzB,aAAa;EAC5B,CAAC;AACH,CAAC;AAAC0B,OAAA,CAAA9B,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.js

@@ -1,30 +0,0 @@
-import { getGridLines } from '@oanda/labs-widget-common';
-import { CHART_HEIGHT, CHART_WIDTH, LEGEND_HEIGHT, LEGEND_HEIGHT_MOBILE, X_LABEL_SIZE, X_LABEL_SIZE_MOBILE, Y_LABEL_SIZE, Y_LABEL_SIZE_MOBILE } from './constants';
-const getResponsiveOption = (isDesktop, isMobile, isDark) => {
-  const baseGridLines = getGridLines({
-    isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: CHART_HEIGHT,
-    xLabelsSize: isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE,
-    yLabelSize: isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE,
-    bottomLeftBox: false,
-    marginBottom: isMobile ? LEGEND_HEIGHT_MOBILE : LEGEND_HEIGHT
-  });
-  return {
-    yAxis: {
-      axisLabel: {
-        margin: isDesktop ? 8 : 6
-      }
-    },
-    grid: [{
-      name: 'main-grid',
-      top: '0px',
-      left: '0px',
-      right: `${isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE}px`,
-      bottom: `${isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE}px`
-    }],
-    graphic: [...baseGridLines]
-  };
-};
-export { getResponsiveOption };
-//# sourceMappingURL=getResponsiveOption.js.map

package/dist/module/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getResponsiveOption.js","names":["getGridLines","CHART_HEIGHT","CHART_WIDTH","LEGEND_HEIGHT","LEGEND_HEIGHT_MOBILE","X_LABEL_SIZE","X_LABEL_SIZE_MOBILE","Y_LABEL_SIZE","Y_LABEL_SIZE_MOBILE","getResponsiveOption","isDesktop","isMobile","isDark","baseGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","marginBottom","yAxis","axisLabel","margin","grid","name","top","left","right","bottom","graphic"],"sources":["../../../../../../src/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.ts"],"sourcesContent":["import { getGridLines } from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  LEGEND_HEIGHT,\n  LEGEND_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  X_LABEL_SIZE_MOBILE,\n  Y_LABEL_SIZE,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\n\nconst getResponsiveOption = (\n  isDesktop: boolean,\n  isMobile: boolean,\n  isDark: boolean\n) => {\n  const baseGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE,\n    yLabelSize: isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE,\n    bottomLeftBox: false,\n    marginBottom: isMobile ? LEGEND_HEIGHT_MOBILE : LEGEND_HEIGHT,\n  });\n\n  return {\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 8 : 6,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '0px',\n        left: '0px',\n        right: `${isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE}px`,\n        bottom: `${isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [...baseGridLines],\n  };\n};\n\nexport { getResponsiveOption };\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,2BAA2B;AAExD,SACEC,YAAY,EACZC,WAAW,EACXC,aAAa,EACbC,oBAAoB,EACpBC,YAAY,EACZC,mBAAmB,EACnBC,YAAY,EACZC,mBAAmB,QACd,aAAa;AAEpB,MAAMC,mBAAmB,GAAGA,CAC1BC,SAAkB,EAClBC,QAAiB,EACjBC,MAAe,KACZ;EACH,MAAMC,aAAa,GAAGb,YAAY,CAAC;IACjCY,MAAM;IACNE,UAAU,EAAEZ,WAAW;IACvBa,WAAW,EAAEd,YAAY;IACzBe,WAAW,EAAEL,QAAQ,GAAGL,mBAAmB,GAAGD,YAAY;IAC1DY,UAAU,EAAEN,QAAQ,GAAGH,mBAAmB,GAAGD,YAAY;IACzDW,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAER,QAAQ,GAAGP,oBAAoB,GAAGD;EAClD,CAAC,CAAC;EAEF,OAAO;IACLiB,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,MAAM,EAAEZ,SAAS,GAAG,CAAC,GAAG;MAC1B;IACF,CAAC;IACDa,IAAI,EAAE,CACJ;MACEC,IAAI,EAAE,WAAW;MACjBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE,GAAGhB,QAAQ,GAAGH,mBAAmB,GAAGD,YAAY,IAAI;MAC3DqB,MAAM,EAAE,GAAGjB,QAAQ,GAAGL,mBAAmB,GAAGD,YAAY;IAC1D,CAAC,CACF;IACDwB,OAAO,EAAE,CAAC,GAAGhB,aAAa;EAC5B,CAAC;AACH,CAAC;AAED,SAASJ,mBAAmB","ignoreList":[]}

package/dist/types/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.d.ts

@@ -1,110 +0,0 @@
-declare const getResponsiveOption: (isDesktop: boolean, isMobile: boolean, isDark: boolean) => {
-    yAxis: {
-        axisLabel: {
-            margin: number;
-        };
-    };
-    grid: {
-        name: string;
-        top: string;
-        left: string;
-        right: string;
-        bottom: string;
-    }[];
-    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;
-        };
-    } | {
-        right: number;
-        bottom: number;
-        shape: {
-            x1: number;
-            y1: number;
-            x2: number;
-            y2: number;
-        };
-        type: string;
-        silent: boolean;
-        z: number;
-        style: {
-            stroke: string;
-            lineWidth: number;
-        };
-    })[];
-};
-export { getResponsiveOption };

package/src/CurrencyPowerBalanceWidget/components/Chart/options/getResponsiveOption.ts

@@ -1,48 +0,0 @@
-import { getGridLines } from '@oanda/labs-widget-common';
-
-import {
-  CHART_HEIGHT,
-  CHART_WIDTH,
-  LEGEND_HEIGHT,
-  LEGEND_HEIGHT_MOBILE,
-  X_LABEL_SIZE,
-  X_LABEL_SIZE_MOBILE,
-  Y_LABEL_SIZE,
-  Y_LABEL_SIZE_MOBILE,
-} from './constants';
-
-const getResponsiveOption = (
-  isDesktop: boolean,
-  isMobile: boolean,
-  isDark: boolean
-) => {
-  const baseGridLines = getGridLines({
-    isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: CHART_HEIGHT,
-    xLabelsSize: isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE,
-    yLabelSize: isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE,
-    bottomLeftBox: false,
-    marginBottom: isMobile ? LEGEND_HEIGHT_MOBILE : LEGEND_HEIGHT,
-  });
-
-  return {
-    yAxis: {
-      axisLabel: {
-        margin: isDesktop ? 8 : 6,
-      },
-    },
-    grid: [
-      {
-        name: 'main-grid',
-        top: '0px',
-        left: '0px',
-        right: `${isMobile ? Y_LABEL_SIZE_MOBILE : Y_LABEL_SIZE}px`,
-        bottom: `${isMobile ? X_LABEL_SIZE_MOBILE : X_LABEL_SIZE}px`,
-      },
-    ],
-    graphic: [...baseGridLines],
-  };
-};
-
-export { getResponsiveOption };