@oanda/labs-volatility-chart-widget 1.0.192 → 1.0.194
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1556 -0
- package/dist/main/VolatilityChartWidget/ChartWithData.js +3 -4
- package/dist/main/VolatilityChartWidget/ChartWithData.js.map +1 -1
- package/dist/main/VolatilityChartWidget/components/Chart/getOption.js +26 -25
- package/dist/main/VolatilityChartWidget/components/Chart/getOption.js.map +1 -1
- package/dist/main/VolatilityChartWidget/utils.js +1 -1
- package/dist/main/VolatilityChartWidget/utils.js.map +1 -1
- package/dist/main/gql/getVolatilityChartAssetClasses.js +11 -3
- package/dist/main/gql/getVolatilityChartAssetClasses.js.map +1 -1
- package/dist/main/gql/getVolatilityChartData.js +19 -3
- package/dist/main/gql/getVolatilityChartData.js.map +1 -1
- package/dist/main/gql/types/fragment-masking.js +2 -3
- package/dist/main/gql/types/fragment-masking.js.map +1 -1
- package/dist/main/gql/types/gql.js +1 -2
- package/dist/main/gql/types/gql.js.map +1 -1
- package/dist/module/VolatilityChartWidget/ChartWithData.js +3 -4
- package/dist/module/VolatilityChartWidget/ChartWithData.js.map +1 -1
- package/dist/module/VolatilityChartWidget/components/Chart/getOption.js +26 -25
- package/dist/module/VolatilityChartWidget/components/Chart/getOption.js.map +1 -1
- package/dist/module/VolatilityChartWidget/utils.js +1 -1
- package/dist/module/VolatilityChartWidget/utils.js.map +1 -1
- package/dist/module/gql/getVolatilityChartAssetClasses.js +11 -3
- package/dist/module/gql/getVolatilityChartAssetClasses.js.map +1 -1
- package/dist/module/gql/getVolatilityChartData.js +19 -3
- package/dist/module/gql/getVolatilityChartData.js.map +1 -1
- package/dist/module/gql/types/fragment-masking.js +2 -3
- package/dist/module/gql/types/fragment-masking.js.map +1 -1
- package/dist/module/gql/types/gql.js +1 -2
- package/dist/module/gql/types/gql.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +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","concat","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","_objectSpread","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":[]}
|
|
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":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const capitalize = name =>
|
|
1
|
+
const capitalize = name => `${name[0].toUpperCase()}${name.substring(1)}`;
|
|
2
2
|
function sortAlphabetically(paramName, items) {
|
|
3
3
|
return [...items].sort((itemA, itemB) => itemA[paramName].localeCompare(itemB[paramName], 'en', {
|
|
4
4
|
sensitivity: 'base'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","names":["capitalize","name","
|
|
1
|
+
{"version":3,"file":"utils.js","names":["capitalize","name","toUpperCase","substring","sortAlphabetically","paramName","items","sort","itemA","itemB","localeCompare","sensitivity","getAssetClassesList","data","list","map","_ref","id","toLowerCase","label","mapInstrumentsList","_ref2","displayName","getInstrumentsByAssetClassId","instruments","filter","_ref3"],"sources":["../../../src/VolatilityChartWidget/utils.ts"],"sourcesContent":["import type { AssetClass, Instrument } from '../gql/types/graphql';\n\nconst capitalize = (name: string) =>\n `${name[0].toUpperCase()}${name.substring(1)}`;\n\nfunction sortAlphabetically<T extends Record<string, string>>(\n paramName: keyof T,\n items: T[]\n): T[] {\n return [...items].sort((itemA, itemB) =>\n itemA[paramName].localeCompare(itemB[paramName], 'en', {\n sensitivity: 'base',\n })\n );\n}\n\nconst getAssetClassesList = (data: AssetClass[]) => {\n const list = data.map(({ name }) => ({\n id: name.toLowerCase(),\n label: capitalize(name),\n }));\n\n return sortAlphabetically('label', list);\n};\n\nconst mapInstrumentsList = (data: Instrument[]) =>\n sortAlphabetically('displayName', data).map(\n ({ name: id, displayName: label }) => ({ id, label })\n );\n\nconst getInstrumentsByAssetClassId = (data: AssetClass[], id: string) => {\n const [{ instruments }] = data.filter(({ name }) => id === name);\n\n return mapInstrumentsList(instruments);\n};\n\nexport {\n getAssetClassesList,\n getInstrumentsByAssetClassId,\n sortAlphabetically,\n};\n"],"mappings":"AAEA,MAAMA,UAAU,GAAIC,IAAY,IAC9B,GAAGA,IAAI,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGD,IAAI,CAACE,SAAS,CAAC,CAAC,CAAC,EAAE;AAEhD,SAASC,kBAAkBA,CACzBC,SAAkB,EAClBC,KAAU,EACL;EACL,OAAO,CAAC,GAAGA,KAAK,CAAC,CAACC,IAAI,CAAC,CAACC,KAAK,EAAEC,KAAK,KAClCD,KAAK,CAACH,SAAS,CAAC,CAACK,aAAa,CAACD,KAAK,CAACJ,SAAS,CAAC,EAAE,IAAI,EAAE;IACrDM,WAAW,EAAE;EACf,CAAC,CACH,CAAC;AACH;AAEA,MAAMC,mBAAmB,GAAIC,IAAkB,IAAK;EAClD,MAAMC,IAAI,GAAGD,IAAI,CAACE,GAAG,CAACC,IAAA;IAAA,IAAC;MAAEf;IAAK,CAAC,GAAAe,IAAA;IAAA,OAAM;MACnCC,EAAE,EAAEhB,IAAI,CAACiB,WAAW,CAAC,CAAC;MACtBC,KAAK,EAAEnB,UAAU,CAACC,IAAI;IACxB,CAAC;EAAA,CAAC,CAAC;EAEH,OAAOG,kBAAkB,CAAC,OAAO,EAAEU,IAAI,CAAC;AAC1C,CAAC;AAED,MAAMM,kBAAkB,GAAIP,IAAkB,IAC5CT,kBAAkB,CAAC,aAAa,EAAES,IAAI,CAAC,CAACE,GAAG,CACzCM,KAAA;EAAA,IAAC;IAAEpB,IAAI,EAAEgB,EAAE;IAAEK,WAAW,EAAEH;EAAM,CAAC,GAAAE,KAAA;EAAA,OAAM;IAAEJ,EAAE;IAAEE;EAAM,CAAC;AAAA,CACtD,CAAC;AAEH,MAAMI,4BAA4B,GAAGA,CAACV,IAAkB,EAAEI,EAAU,KAAK;EACvE,MAAM,CAAC;IAAEO;EAAY,CAAC,CAAC,GAAGX,IAAI,CAACY,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEzB;IAAK,CAAC,GAAAyB,KAAA;IAAA,OAAKT,EAAE,KAAKhB,IAAI;EAAA,EAAC;EAEhE,OAAOmB,kBAAkB,CAACI,WAAW,CAAC;AACxC,CAAC;AAED,SACEZ,mBAAmB,EACnBW,4BAA4B,EAC5BnB,kBAAkB","ignoreList":[]}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
-
var _templateObject;
|
|
2
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
1
|
import { gql } from '@apollo/client';
|
|
4
|
-
export const getVolatilityChartAssetClasses = gql
|
|
2
|
+
export const getVolatilityChartAssetClasses = gql`
|
|
3
|
+
query GetVolatilityChartAssetClasses($division: Division) {
|
|
4
|
+
volatilityChartAssetClasses(division: $division) {
|
|
5
|
+
name
|
|
6
|
+
instruments {
|
|
7
|
+
name
|
|
8
|
+
displayName
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
`;
|
|
5
13
|
//# sourceMappingURL=getVolatilityChartAssetClasses.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getVolatilityChartAssetClasses.js","names":["gql","getVolatilityChartAssetClasses"
|
|
1
|
+
{"version":3,"file":"getVolatilityChartAssetClasses.js","names":["gql","getVolatilityChartAssetClasses"],"sources":["../../../src/gql/getVolatilityChartAssetClasses.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getVolatilityChartAssetClasses = gql`\n query GetVolatilityChartAssetClasses($division: Division) {\n volatilityChartAssetClasses(division: $division) {\n name\n instruments {\n name\n displayName\n }\n }\n }\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,8BAA8B,GAAGD,GAAG;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -1,5 +1,21 @@
|
|
|
1
|
-
var _templateObject;
|
|
2
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
1
|
import { gql } from '@apollo/client';
|
|
4
|
-
export const getVolatilityChartData = gql
|
|
2
|
+
export const getVolatilityChartData = gql`
|
|
3
|
+
query GetVolatilityChartData(
|
|
4
|
+
$division: Division
|
|
5
|
+
$instrument: String!
|
|
6
|
+
$timeUnit: VolatilityChartTimeUnit!
|
|
7
|
+
$timeSpan: VolatilityChartTimeSpan!
|
|
8
|
+
) {
|
|
9
|
+
volatilityChart(
|
|
10
|
+
division: $division
|
|
11
|
+
instrument: $instrument
|
|
12
|
+
timeUnit: $timeUnit
|
|
13
|
+
timeSpan: $timeSpan
|
|
14
|
+
) {
|
|
15
|
+
pips
|
|
16
|
+
point
|
|
17
|
+
updatedAt
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
`;
|
|
5
21
|
//# sourceMappingURL=getVolatilityChartData.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getVolatilityChartData.js","names":["gql","getVolatilityChartData"
|
|
1
|
+
{"version":3,"file":"getVolatilityChartData.js","names":["gql","getVolatilityChartData"],"sources":["../../../src/gql/getVolatilityChartData.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getVolatilityChartData = gql`\n query GetVolatilityChartData(\n $division: Division\n $instrument: String!\n $timeUnit: VolatilityChartTimeUnit!\n $timeSpan: VolatilityChartTimeSpan!\n ) {\n volatilityChart(\n division: $division\n instrument: $instrument\n timeUnit: $timeUnit\n timeSpan: $timeSpan\n ) {\n pips\n point\n updatedAt\n }\n }\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,sBAAsB,GAAGD,GAAG;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -5,11 +5,10 @@ export function makeFragmentData(data, _fragment) {
|
|
|
5
5
|
return data;
|
|
6
6
|
}
|
|
7
7
|
export function isFragmentReady(queryNode, fragmentNode, data) {
|
|
8
|
-
|
|
9
|
-
const deferredFields = (_meta__ = queryNode.__meta__) === null || _meta__ === void 0 ? void 0 : _meta__.deferredFields;
|
|
8
|
+
const deferredFields = queryNode.__meta__?.deferredFields;
|
|
10
9
|
if (!deferredFields) return true;
|
|
11
10
|
const fragDef = fragmentNode.definitions[0];
|
|
12
|
-
const fragName = fragDef
|
|
11
|
+
const fragName = fragDef?.name?.value;
|
|
13
12
|
const fields = fragName && deferredFields[fragName] || [];
|
|
14
13
|
return fields.length > 0 && fields.every(field => data && field in data);
|
|
15
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","
|
|
1
|
+
{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import {\n ResultOf,\n DocumentTypeDecoration,\n TypedDocumentNode,\n} from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\nexport type FragmentType<\n TDocumentType extends DocumentTypeDecoration<any, any>,\n> =\n TDocumentType extends DocumentTypeDecoration<infer TType, any>\n ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n ? TKey extends string\n ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n : never\n : never\n : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n | FragmentType<DocumentTypeDecoration<TType, any>>\n | null\n | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n | null\n | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n | FragmentType<DocumentTypeDecoration<TType, any>>\n | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n | null\n | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n return fragmentType as any;\n}\n\nexport function makeFragmentData<\n F extends DocumentTypeDecoration<any, any>,\n FT extends ResultOf<F>,\n>(data: FT, _fragment: F): FragmentType<F> {\n return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n queryNode: DocumentTypeDecoration<TQuery, any>,\n fragmentNode: TypedDocumentNode<TFrag>,\n data:\n | FragmentType<TypedDocumentNode<Incremental<TFrag>, any>>\n | null\n | undefined\n): data is FragmentType<typeof fragmentNode> {\n const deferredFields = (\n queryNode as {\n __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> };\n }\n ).__meta__?.deferredFields;\n\n if (!deferredFields) return true;\n\n const fragDef = fragmentNode.definitions[0] as\n | FragmentDefinitionNode\n | undefined;\n const fragName = fragDef?.name?.value;\n\n const fields = (fragName && deferredFields[fragName]) || [];\n return fields.length > 0 && fields.every((field) => data && field in data);\n}\n"],"mappings":"AA6CA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAIa,EACoC;EACjD,OAAOA,YAAY;AACrB;AAEA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAGa,EAC8B;EAC3C,MAAMK,cAAc,GAClBF,SAAS,CAGTG,QAAQ,EAAED,cAAc;EAE1B,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC,CAE7B;EACb,MAAMC,QAAQ,GAAGF,OAAO,EAAEG,IAAI,EAAEC,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAAEC,KAAK,IAAKf,IAAI,IAAIe,KAAK,IAAIf,IAAI,CAAC;AAC5E","ignoreList":[]}
|
|
@@ -4,7 +4,6 @@ const documents = {
|
|
|
4
4
|
'\n query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\n volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\n pips\n point\n updatedAt\n }\n }\n': types.GetVolatilityChartDataDocument
|
|
5
5
|
};
|
|
6
6
|
export function graphql(source) {
|
|
7
|
-
|
|
8
|
-
return (_source = documents[source]) !== null && _source !== void 0 ? _source : {};
|
|
7
|
+
return documents[source] ?? {};
|
|
9
8
|
}
|
|
10
9
|
//# sourceMappingURL=gql.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gql.js","names":["types","documents","GetVolatilityChartAssetClassesDocument","GetVolatilityChartDataDocument","graphql","source"
|
|
1
|
+
{"version":3,"file":"gql.js","names":["types","documents","GetVolatilityChartAssetClassesDocument","GetVolatilityChartDataDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n '\\n query GetVolatilityChartAssetClasses($division: Division) {\\n volatilityChartAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n':\n types.GetVolatilityChartAssetClassesDocument,\n '\\n query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n pips\\n point\\n updatedAt\\n }\\n }\\n':\n types.GetVolatilityChartDataDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query GetVolatilityChartAssetClasses($division: Division) {\\n volatilityChartAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n'\n): (typeof documents)['\\n query GetVolatilityChartAssetClasses($division: Division) {\\n volatilityChartAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n pips\\n point\\n updatedAt\\n }\\n }\\n'\n): (typeof documents)['\\n query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n pips\\n point\\n updatedAt\\n }\\n }\\n'];\n\nexport function graphql(source: string) {\n return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,oNAAoN,EAClND,KAAK,CAACE,sCAAsC;EAC9C,gUAAgU,EAC9TF,KAAK,CAACG;AACV,CAAC;AA6BD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oanda/labs-volatility-chart-widget",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.194",
|
|
4
4
|
"description": "Labs Volatility Chart Widget",
|
|
5
5
|
"main": "dist/main/index.js",
|
|
6
6
|
"module": "dist/module/index.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"author": "OANDA",
|
|
14
14
|
"license": "UNLICENSED",
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@oanda/labs-widget-common": "^1.0.
|
|
16
|
+
"@oanda/labs-widget-common": "^1.0.245",
|
|
17
17
|
"@oanda/mono-i18n": "10.0.1",
|
|
18
18
|
"echarts": "6.0.0",
|
|
19
19
|
"echarts-for-react": "3.0.4",
|
|
@@ -23,5 +23,5 @@
|
|
|
23
23
|
"@graphql-codegen/cli": "5.0.0",
|
|
24
24
|
"@graphql-codegen/client-preset": "4.1.0"
|
|
25
25
|
},
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "688bf7bf93110e0714926f15f6ae0ca04e2dc9af"
|
|
27
27
|
}
|