@oanda/labs-widget-common 1.0.211 → 1.0.213
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 +1676 -0
- package/dist/main/chart/formatters.js +32 -0
- package/dist/main/chart/formatters.js.map +1 -0
- package/dist/main/chart/getTheme.js +5 -0
- package/dist/main/chart/getTheme.js.map +1 -1
- package/dist/main/chart/index.js +11 -0
- package/dist/main/chart/index.js.map +1 -1
- package/dist/module/chart/formatters.js +23 -0
- package/dist/module/chart/formatters.js.map +1 -0
- package/dist/module/chart/getTheme.js +5 -0
- package/dist/module/chart/getTheme.js.map +1 -1
- package/dist/module/chart/index.js +1 -0
- package/dist/module/chart/index.js.map +1 -1
- package/dist/types/chart/formatters.d.ts +9 -0
- package/dist/types/chart/getTheme.d.ts +5 -0
- package/dist/types/chart/index.d.ts +1 -0
- package/package.json +2 -2
- package/src/chart/formatters.ts +20 -0
- package/src/chart/getTheme.ts +5 -0
- package/src/chart/index.ts +1 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getChartDateAndTime = exports.chartDateTimeFormat = exports.chartDateFormat = void 0;
|
|
7
|
+
const chartDateFormat = date => `${new Date(date).toLocaleDateString(undefined, {
|
|
8
|
+
month: 'numeric',
|
|
9
|
+
day: 'numeric'
|
|
10
|
+
})}`;
|
|
11
|
+
exports.chartDateFormat = chartDateFormat;
|
|
12
|
+
const chartDateTimeFormat = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
date,
|
|
15
|
+
time
|
|
16
|
+
} = _ref;
|
|
17
|
+
return `${new Date(date).toLocaleDateString(undefined, {
|
|
18
|
+
year: 'numeric',
|
|
19
|
+
month: 'numeric',
|
|
20
|
+
day: 'numeric'
|
|
21
|
+
})}, ${time} UTC`;
|
|
22
|
+
};
|
|
23
|
+
exports.chartDateTimeFormat = chartDateTimeFormat;
|
|
24
|
+
const getChartDateAndTime = param => {
|
|
25
|
+
const dateAndTime = param.split('T');
|
|
26
|
+
return {
|
|
27
|
+
date: dateAndTime[0],
|
|
28
|
+
time: dateAndTime[1].substring(0, 5)
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
exports.getChartDateAndTime = getChartDateAndTime;
|
|
32
|
+
//# sourceMappingURL=formatters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatters.js","names":["chartDateFormat","date","Date","toLocaleDateString","undefined","month","day","exports","chartDateTimeFormat","_ref","time","year","getChartDateAndTime","param","dateAndTime","split","substring"],"sources":["../../../src/chart/formatters.ts"],"sourcesContent":["export const chartDateFormat = (date: string) =>\n `${new Date(date).toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })}`;\n\nexport const chartDateTimeFormat = ({\n date,\n time,\n}: {\n date: string;\n time: string;\n}) =>\n `${new Date(date).toLocaleDateString(undefined, { year: 'numeric', month: 'numeric', day: 'numeric' })}, ${time} UTC`;\n\nexport const getChartDateAndTime = (param: string) => {\n const dateAndTime = param.split('T');\n\n return {\n date: dateAndTime[0],\n time: dateAndTime[1].substring(0, 5),\n };\n};\n"],"mappings":";;;;;;AAAO,MAAMA,eAAe,GAAIC,IAAY,IAC1C,GAAG,IAAIC,IAAI,CAACD,IAAI,CAAC,CAACE,kBAAkB,CAACC,SAAS,EAAE;EAAEC,KAAK,EAAE,SAAS;EAAEC,GAAG,EAAE;AAAU,CAAC,CAAC,EAAE;AAACC,OAAA,CAAAP,eAAA,GAAAA,eAAA;AAEnF,MAAMQ,mBAAmB,GAAGC,IAAA;EAAA,IAAC;IAClCR,IAAI;IACJS;EAIF,CAAC,GAAAD,IAAA;EAAA,OACC,GAAG,IAAIP,IAAI,CAACD,IAAI,CAAC,CAACE,kBAAkB,CAACC,SAAS,EAAE;IAAEO,IAAI,EAAE,SAAS;IAAEN,KAAK,EAAE,SAAS;IAAEC,GAAG,EAAE;EAAU,CAAC,CAAC,KAAKI,IAAI,MAAM;AAAA;AAACH,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAEjH,MAAMI,mBAAmB,GAAIC,KAAa,IAAK;EACpD,MAAMC,WAAW,GAAGD,KAAK,CAACE,KAAK,CAAC,GAAG,CAAC;EAEpC,OAAO;IACLd,IAAI,EAAEa,WAAW,CAAC,CAAC,CAAC;IACpBJ,IAAI,EAAEI,WAAW,CAAC,CAAC,CAAC,CAACE,SAAS,CAAC,CAAC,EAAE,CAAC;EACrC,CAAC;AACH,CAAC;AAACT,OAAA,CAAAK,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -146,6 +146,11 @@ const getChartTheme = theme => {
|
|
|
146
146
|
color: _tailwind.themeColors.textPrimary[theme]
|
|
147
147
|
}
|
|
148
148
|
},
|
|
149
|
+
markPoint: {
|
|
150
|
+
label: {
|
|
151
|
+
color: _tailwind.themeColors.textPrimary[theme]
|
|
152
|
+
}
|
|
153
|
+
},
|
|
149
154
|
tooltip: {
|
|
150
155
|
borderWidth: 0,
|
|
151
156
|
borderRadius: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getTheme.js","names":["_tailwind","require","_types","getChartTheme","theme","isLight","Theme","Light","toolbox","itemSize","itemGap","top","undefined","left","bottom","right","showTitle","iconStyle","borderColor","themeColors","textPrimary","emphasis","primary","color","chart","textStyle","fontFamily","fontSize","title","subtextStyle","legend","categoryAxis","axisLine","show","lineStyle","borderPrimary","axisTick","axisLabel","splitLine","timeAxis","bar","itemStyle","opacity","valueAxis","borderSecondary","light","dark","axisPointer","label","backgroundColor","tooltip","borderWidth","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","bgSecondary","width","crossStyle","exports"],"sources":["../../../src/chart/getTheme.ts"],"sourcesContent":["import { themeColors } from '../tailwind';\nimport { Theme } from '../types';\n\nexport const getChartTheme = (theme: Theme) => {\n const isLight = theme === Theme.Light;\n\n return {\n toolbox: {\n itemSize: 18,\n itemGap: 14,\n top: undefined,\n left: undefined,\n bottom: 6,\n right: 6,\n showTitle: false,\n iconStyle: {\n borderColor: themeColors.textPrimary[theme],\n },\n emphasis: {\n iconStyle: {\n borderColor: themeColors.primary[theme],\n },\n },\n },\n color: themeColors.chart[theme],\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n title: {\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n subtextStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n },\n legend: {\n textStyle: {\n color: themeColors.textPrimary[theme],\n },\n },\n categoryAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: [themeColors.borderPrimary[theme]],\n },\n },\n },\n timeAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: [themeColors.borderPrimary[theme]],\n },\n },\n },\n bar: {\n itemStyle: {\n opacity: isLight ? 0.7 : 0.9,\n },\n emphasis: {\n itemStyle: {\n opacity: 1,\n },\n },\n },\n valueAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: isLight\n ? themeColors.borderSecondary.light\n : themeColors.borderPrimary.dark,\n },\n },\n },\n axisPointer: {\n lineStyle: {\n color: isLight\n ? themeColors.borderPrimary.light\n : themeColors.primary.dark,\n },\n label: {\n backgroundColor: isLight\n ? themeColors.borderSecondary.light\n : themeColors.borderPrimary.dark,\n color: themeColors.textPrimary[theme],\n },\n },\n tooltip: {\n borderWidth: 0,\n borderRadius: 0,\n shadowBlur: 24,\n shadowOffsetX: 0,\n shadowOffsetY: 6,\n backgroundColor: isLight\n ? themeColors.bgSecondary.light\n : themeColors.borderPrimary.dark,\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n axisPointer: {\n lineStyle: {\n color: isLight\n ? themeColors.borderPrimary.light\n : themeColors.primary.dark,\n width: 1,\n },\n crossStyle: {\n color: themeColors.borderPrimary[theme],\n width: 1,\n },\n },\n },\n };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,aAAa,GAAIC,KAAY,IAAK;EAC7C,MAAMC,OAAO,GAAGD,KAAK,KAAKE,YAAK,CAACC,KAAK;EAErC,OAAO;IACLC,OAAO,EAAE;MACPC,QAAQ,EAAE,EAAE;MACZC,OAAO,EAAE,EAAE;MACXC,GAAG,EAAEC,SAAS;MACdC,IAAI,EAAED,SAAS;MACfE,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,CAAC;MACRC,SAAS,EAAE,KAAK;MAChBC,SAAS,EAAE;QACTC,WAAW,EAAEC,qBAAW,CAACC,WAAW,CAAChB,KAAK;MAC5C,CAAC;MACDiB,QAAQ,EAAE;QACRJ,SAAS,EAAE;UACTC,WAAW,EAAEC,qBAAW,CAACG,OAAO,CAAClB,KAAK;QACxC;MACF;IACF,CAAC;IACDmB,KAAK,EAAEJ,qBAAW,CAACK,KAAK,CAACpB,KAAK,CAAC;IAC/BqB,SAAS,EAAE;MACTC,UAAU,EAAE,WAAW;MACvBC,QAAQ,EAAE,EAAE;MACZJ,KAAK,EAAEJ,qBAAW,CAACC,WAAW,CAAChB,KAAK;IACtC,CAAC;IACDwB,KAAK,EAAE;MACLH,SAAS,EAAE;QACTC,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE,EAAE;QACZJ,KAAK,EAAEJ,qBAAW,CAACC,WAAW,CAAChB,KAAK;MACtC,CAAC;MACDyB,YAAY,EAAE;QACZH,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE,EAAE;QACZJ,KAAK,EAAEJ,qBAAW,CAACC,WAAW,CAAChB,KAAK;MACtC;IACF,CAAC;IACD0B,MAAM,EAAE;MACNL,SAAS,EAAE;QACTF,KAAK,EAAEJ,qBAAW,CAACC,WAAW,CAAChB,KAAK;MACtC;IACF,CAAC;IACD2B,YAAY,EAAE;MACZC,QAAQ,EAAE;QACRC,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEJ,qBAAW,CAACgB,aAAa,CAAC/B,KAAK;QACxC;MACF,CAAC;MACDgC,QAAQ,EAAE;QACRH,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEJ,qBAAW,CAACgB,aAAa,CAAC/B,KAAK;QACxC;MACF,CAAC;MACDiC,SAAS,EAAE;QACTJ,IAAI,EAAE,IAAI;QACVV,KAAK,EAAEJ,qBAAW,CAACC,WAAW,CAAChB,KAAK,CAAC;QACrCsB,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE;MACZ,CAAC;MACDW,SAAS,EAAE;QACTL,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAE,CAACJ,qBAAW,CAACgB,aAAa,CAAC/B,KAAK,CAAC;QAC1C;MACF;IACF,CAAC;IACDmC,QAAQ,EAAE;MACRP,QAAQ,EAAE;QACRC,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEJ,qBAAW,CAACgB,aAAa,CAAC/B,KAAK;QACxC;MACF,CAAC;MACDgC,QAAQ,EAAE;QACRH,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEJ,qBAAW,CAACgB,aAAa,CAAC/B,KAAK;QACxC;MACF,CAAC;MACDiC,SAAS,EAAE;QACTJ,IAAI,EAAE,IAAI;QACVV,KAAK,EAAEJ,qBAAW,CAACC,WAAW,CAAChB,KAAK,CAAC;QACrCsB,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE;MACZ,CAAC;MACDW,SAAS,EAAE;QACTL,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAE,CAACJ,qBAAW,CAACgB,aAAa,CAAC/B,KAAK,CAAC;QAC1C;MACF;IACF,CAAC;IACDoC,GAAG,EAAE;MACHC,SAAS,EAAE;QACTC,OAAO,EAAErC,OAAO,GAAG,GAAG,GAAG;MAC3B,CAAC;MACDgB,QAAQ,EAAE;QACRoB,SAAS,EAAE;UACTC,OAAO,EAAE;QACX;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACTX,QAAQ,EAAE;QACRC,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEJ,qBAAW,CAACgB,aAAa,CAAC/B,KAAK;QACxC;MACF,CAAC;MACDgC,QAAQ,EAAE;QACRH,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEJ,qBAAW,CAACgB,aAAa,CAAC/B,KAAK;QACxC;MACF,CAAC;MACDiC,SAAS,EAAE;QACTJ,IAAI,EAAE,IAAI;QACVV,KAAK,EAAEJ,qBAAW,CAACC,WAAW,CAAChB,KAAK,CAAC;QACrCsB,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE;MACZ,CAAC;MACDW,SAAS,EAAE;QACTL,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAElB,OAAO,GACVc,qBAAW,CAACyB,eAAe,CAACC,KAAK,GACjC1B,qBAAW,CAACgB,aAAa,CAACW;QAChC;MACF;IACF,CAAC;IACDC,WAAW,EAAE;MACXb,SAAS,EAAE;QACTX,KAAK,EAAElB,OAAO,GACVc,qBAAW,CAACgB,aAAa,CAACU,KAAK,GAC/B1B,qBAAW,CAACG,OAAO,CAACwB;MAC1B,CAAC;MACDE,KAAK,EAAE;QACLC,eAAe,EAAE5C,OAAO,GACpBc,qBAAW,CAACyB,eAAe,CAACC,KAAK,GACjC1B,qBAAW,CAACgB,aAAa,CAACW,IAAI;QAClCvB,KAAK,EAAEJ,qBAAW,CAACC,WAAW,CAAChB,KAAK;MACtC;IACF,CAAC;IACD8C,OAAO,EAAE;MACPC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC;MAChBC,aAAa,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"getTheme.js","names":["_tailwind","require","_types","getChartTheme","theme","isLight","Theme","Light","toolbox","itemSize","itemGap","top","undefined","left","bottom","right","showTitle","iconStyle","borderColor","themeColors","textPrimary","emphasis","primary","color","chart","textStyle","fontFamily","fontSize","title","subtextStyle","legend","categoryAxis","axisLine","show","lineStyle","borderPrimary","axisTick","axisLabel","splitLine","timeAxis","bar","itemStyle","opacity","valueAxis","borderSecondary","light","dark","axisPointer","label","backgroundColor","markPoint","tooltip","borderWidth","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","bgSecondary","width","crossStyle","exports"],"sources":["../../../src/chart/getTheme.ts"],"sourcesContent":["import { themeColors } from '../tailwind';\nimport { Theme } from '../types';\n\nexport const getChartTheme = (theme: Theme) => {\n const isLight = theme === Theme.Light;\n\n return {\n toolbox: {\n itemSize: 18,\n itemGap: 14,\n top: undefined,\n left: undefined,\n bottom: 6,\n right: 6,\n showTitle: false,\n iconStyle: {\n borderColor: themeColors.textPrimary[theme],\n },\n emphasis: {\n iconStyle: {\n borderColor: themeColors.primary[theme],\n },\n },\n },\n color: themeColors.chart[theme],\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n title: {\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n subtextStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n },\n legend: {\n textStyle: {\n color: themeColors.textPrimary[theme],\n },\n },\n categoryAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: [themeColors.borderPrimary[theme]],\n },\n },\n },\n timeAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: [themeColors.borderPrimary[theme]],\n },\n },\n },\n bar: {\n itemStyle: {\n opacity: isLight ? 0.7 : 0.9,\n },\n emphasis: {\n itemStyle: {\n opacity: 1,\n },\n },\n },\n valueAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: isLight\n ? themeColors.borderSecondary.light\n : themeColors.borderPrimary.dark,\n },\n },\n },\n axisPointer: {\n lineStyle: {\n color: isLight\n ? themeColors.borderPrimary.light\n : themeColors.primary.dark,\n },\n label: {\n backgroundColor: isLight\n ? themeColors.borderSecondary.light\n : themeColors.borderPrimary.dark,\n color: themeColors.textPrimary[theme],\n },\n },\n markPoint: {\n label: {\n color: themeColors.textPrimary[theme],\n },\n },\n tooltip: {\n borderWidth: 0,\n borderRadius: 0,\n shadowBlur: 24,\n shadowOffsetX: 0,\n shadowOffsetY: 6,\n backgroundColor: isLight\n ? themeColors.bgSecondary.light\n : themeColors.borderPrimary.dark,\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n axisPointer: {\n lineStyle: {\n color: isLight\n ? themeColors.borderPrimary.light\n : themeColors.primary.dark,\n width: 1,\n },\n crossStyle: {\n color: themeColors.borderPrimary[theme],\n width: 1,\n },\n },\n },\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
package/dist/main/chart/index.js
CHANGED
|
@@ -14,6 +14,17 @@ Object.keys(_BaseChart).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
+
var _formatters = require("./formatters");
|
|
18
|
+
Object.keys(_formatters).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _formatters[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _formatters[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
17
28
|
var _getGridLines = require("./getGridLines");
|
|
18
29
|
Object.keys(_getGridLines).forEach(function (key) {
|
|
19
30
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_BaseChart","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getGridLines","_getTheme","_getZoomControls","_sharedOptions","_types"],"sources":["../../../src/chart/index.ts"],"sourcesContent":["export * from './BaseChart';\nexport * from './getGridLines';\nexport * from './getTheme';\nexport * from './getZoomControls';\nexport * from './sharedOptions';\nexport * from './types';\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_BaseChart","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_formatters","_getGridLines","_getTheme","_getZoomControls","_sharedOptions","_types"],"sources":["../../../src/chart/index.ts"],"sourcesContent":["export * from './BaseChart';\nexport * from './formatters';\nexport * from './getGridLines';\nexport * from './getTheme';\nexport * from './getZoomControls';\nexport * from './sharedOptions';\nexport * from './types';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export const chartDateFormat = date => `${new Date(date).toLocaleDateString(undefined, {
|
|
2
|
+
month: 'numeric',
|
|
3
|
+
day: 'numeric'
|
|
4
|
+
})}`;
|
|
5
|
+
export const chartDateTimeFormat = _ref => {
|
|
6
|
+
let {
|
|
7
|
+
date,
|
|
8
|
+
time
|
|
9
|
+
} = _ref;
|
|
10
|
+
return `${new Date(date).toLocaleDateString(undefined, {
|
|
11
|
+
year: 'numeric',
|
|
12
|
+
month: 'numeric',
|
|
13
|
+
day: 'numeric'
|
|
14
|
+
})}, ${time} UTC`;
|
|
15
|
+
};
|
|
16
|
+
export const getChartDateAndTime = param => {
|
|
17
|
+
const dateAndTime = param.split('T');
|
|
18
|
+
return {
|
|
19
|
+
date: dateAndTime[0],
|
|
20
|
+
time: dateAndTime[1].substring(0, 5)
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=formatters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatters.js","names":["chartDateFormat","date","Date","toLocaleDateString","undefined","month","day","chartDateTimeFormat","_ref","time","year","getChartDateAndTime","param","dateAndTime","split","substring"],"sources":["../../../src/chart/formatters.ts"],"sourcesContent":["export const chartDateFormat = (date: string) =>\n `${new Date(date).toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })}`;\n\nexport const chartDateTimeFormat = ({\n date,\n time,\n}: {\n date: string;\n time: string;\n}) =>\n `${new Date(date).toLocaleDateString(undefined, { year: 'numeric', month: 'numeric', day: 'numeric' })}, ${time} UTC`;\n\nexport const getChartDateAndTime = (param: string) => {\n const dateAndTime = param.split('T');\n\n return {\n date: dateAndTime[0],\n time: dateAndTime[1].substring(0, 5),\n };\n};\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAIC,IAAY,IAC1C,GAAG,IAAIC,IAAI,CAACD,IAAI,CAAC,CAACE,kBAAkB,CAACC,SAAS,EAAE;EAAEC,KAAK,EAAE,SAAS;EAAEC,GAAG,EAAE;AAAU,CAAC,CAAC,EAAE;AAEzF,OAAO,MAAMC,mBAAmB,GAAGC,IAAA;EAAA,IAAC;IAClCP,IAAI;IACJQ;EAIF,CAAC,GAAAD,IAAA;EAAA,OACC,GAAG,IAAIN,IAAI,CAACD,IAAI,CAAC,CAACE,kBAAkB,CAACC,SAAS,EAAE;IAAEM,IAAI,EAAE,SAAS;IAAEL,KAAK,EAAE,SAAS;IAAEC,GAAG,EAAE;EAAU,CAAC,CAAC,KAAKG,IAAI,MAAM;AAAA;AAEvH,OAAO,MAAME,mBAAmB,GAAIC,KAAa,IAAK;EACpD,MAAMC,WAAW,GAAGD,KAAK,CAACE,KAAK,CAAC,GAAG,CAAC;EAEpC,OAAO;IACLb,IAAI,EAAEY,WAAW,CAAC,CAAC,CAAC;IACpBJ,IAAI,EAAEI,WAAW,CAAC,CAAC,CAAC,CAACE,SAAS,CAAC,CAAC,EAAE,CAAC;EACrC,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getTheme.js","names":["themeColors","Theme","getChartTheme","theme","isLight","Light","toolbox","itemSize","itemGap","top","undefined","left","bottom","right","showTitle","iconStyle","borderColor","textPrimary","emphasis","primary","color","chart","textStyle","fontFamily","fontSize","title","subtextStyle","legend","categoryAxis","axisLine","show","lineStyle","borderPrimary","axisTick","axisLabel","splitLine","timeAxis","bar","itemStyle","opacity","valueAxis","borderSecondary","light","dark","axisPointer","label","backgroundColor","tooltip","borderWidth","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","bgSecondary","width","crossStyle"],"sources":["../../../src/chart/getTheme.ts"],"sourcesContent":["import { themeColors } from '../tailwind';\nimport { Theme } from '../types';\n\nexport const getChartTheme = (theme: Theme) => {\n const isLight = theme === Theme.Light;\n\n return {\n toolbox: {\n itemSize: 18,\n itemGap: 14,\n top: undefined,\n left: undefined,\n bottom: 6,\n right: 6,\n showTitle: false,\n iconStyle: {\n borderColor: themeColors.textPrimary[theme],\n },\n emphasis: {\n iconStyle: {\n borderColor: themeColors.primary[theme],\n },\n },\n },\n color: themeColors.chart[theme],\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n title: {\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n subtextStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n },\n legend: {\n textStyle: {\n color: themeColors.textPrimary[theme],\n },\n },\n categoryAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: [themeColors.borderPrimary[theme]],\n },\n },\n },\n timeAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: [themeColors.borderPrimary[theme]],\n },\n },\n },\n bar: {\n itemStyle: {\n opacity: isLight ? 0.7 : 0.9,\n },\n emphasis: {\n itemStyle: {\n opacity: 1,\n },\n },\n },\n valueAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: isLight\n ? themeColors.borderSecondary.light\n : themeColors.borderPrimary.dark,\n },\n },\n },\n axisPointer: {\n lineStyle: {\n color: isLight\n ? themeColors.borderPrimary.light\n : themeColors.primary.dark,\n },\n label: {\n backgroundColor: isLight\n ? themeColors.borderSecondary.light\n : themeColors.borderPrimary.dark,\n color: themeColors.textPrimary[theme],\n },\n },\n tooltip: {\n borderWidth: 0,\n borderRadius: 0,\n shadowBlur: 24,\n shadowOffsetX: 0,\n shadowOffsetY: 6,\n backgroundColor: isLight\n ? themeColors.bgSecondary.light\n : themeColors.borderPrimary.dark,\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n axisPointer: {\n lineStyle: {\n color: isLight\n ? themeColors.borderPrimary.light\n : themeColors.primary.dark,\n width: 1,\n },\n crossStyle: {\n color: themeColors.borderPrimary[theme],\n width: 1,\n },\n },\n },\n };\n};\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"getTheme.js","names":["themeColors","Theme","getChartTheme","theme","isLight","Light","toolbox","itemSize","itemGap","top","undefined","left","bottom","right","showTitle","iconStyle","borderColor","textPrimary","emphasis","primary","color","chart","textStyle","fontFamily","fontSize","title","subtextStyle","legend","categoryAxis","axisLine","show","lineStyle","borderPrimary","axisTick","axisLabel","splitLine","timeAxis","bar","itemStyle","opacity","valueAxis","borderSecondary","light","dark","axisPointer","label","backgroundColor","markPoint","tooltip","borderWidth","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","bgSecondary","width","crossStyle"],"sources":["../../../src/chart/getTheme.ts"],"sourcesContent":["import { themeColors } from '../tailwind';\nimport { Theme } from '../types';\n\nexport const getChartTheme = (theme: Theme) => {\n const isLight = theme === Theme.Light;\n\n return {\n toolbox: {\n itemSize: 18,\n itemGap: 14,\n top: undefined,\n left: undefined,\n bottom: 6,\n right: 6,\n showTitle: false,\n iconStyle: {\n borderColor: themeColors.textPrimary[theme],\n },\n emphasis: {\n iconStyle: {\n borderColor: themeColors.primary[theme],\n },\n },\n },\n color: themeColors.chart[theme],\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n title: {\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n subtextStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n },\n legend: {\n textStyle: {\n color: themeColors.textPrimary[theme],\n },\n },\n categoryAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: [themeColors.borderPrimary[theme]],\n },\n },\n },\n timeAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: [themeColors.borderPrimary[theme]],\n },\n },\n },\n bar: {\n itemStyle: {\n opacity: isLight ? 0.7 : 0.9,\n },\n emphasis: {\n itemStyle: {\n opacity: 1,\n },\n },\n },\n valueAxis: {\n axisLine: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeColors.borderPrimary[theme],\n },\n },\n axisLabel: {\n show: true,\n color: themeColors.textPrimary[theme],\n fontFamily: 'Sofia W03',\n fontSize: 10,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: isLight\n ? themeColors.borderSecondary.light\n : themeColors.borderPrimary.dark,\n },\n },\n },\n axisPointer: {\n lineStyle: {\n color: isLight\n ? themeColors.borderPrimary.light\n : themeColors.primary.dark,\n },\n label: {\n backgroundColor: isLight\n ? themeColors.borderSecondary.light\n : themeColors.borderPrimary.dark,\n color: themeColors.textPrimary[theme],\n },\n },\n markPoint: {\n label: {\n color: themeColors.textPrimary[theme],\n },\n },\n tooltip: {\n borderWidth: 0,\n borderRadius: 0,\n shadowBlur: 24,\n shadowOffsetX: 0,\n shadowOffsetY: 6,\n backgroundColor: isLight\n ? themeColors.bgSecondary.light\n : themeColors.borderPrimary.dark,\n textStyle: {\n fontFamily: 'Sofia W03',\n fontSize: 10,\n color: themeColors.textPrimary[theme],\n },\n axisPointer: {\n lineStyle: {\n color: isLight\n ? themeColors.borderPrimary.light\n : themeColors.primary.dark,\n width: 1,\n },\n crossStyle: {\n color: themeColors.borderPrimary[theme],\n width: 1,\n },\n },\n },\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,aAAa;AACzC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,aAAa,GAAIC,KAAY,IAAK;EAC7C,MAAMC,OAAO,GAAGD,KAAK,KAAKF,KAAK,CAACI,KAAK;EAErC,OAAO;IACLC,OAAO,EAAE;MACPC,QAAQ,EAAE,EAAE;MACZC,OAAO,EAAE,EAAE;MACXC,GAAG,EAAEC,SAAS;MACdC,IAAI,EAAED,SAAS;MACfE,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,CAAC;MACRC,SAAS,EAAE,KAAK;MAChBC,SAAS,EAAE;QACTC,WAAW,EAAEhB,WAAW,CAACiB,WAAW,CAACd,KAAK;MAC5C,CAAC;MACDe,QAAQ,EAAE;QACRH,SAAS,EAAE;UACTC,WAAW,EAAEhB,WAAW,CAACmB,OAAO,CAAChB,KAAK;QACxC;MACF;IACF,CAAC;IACDiB,KAAK,EAAEpB,WAAW,CAACqB,KAAK,CAAClB,KAAK,CAAC;IAC/BmB,SAAS,EAAE;MACTC,UAAU,EAAE,WAAW;MACvBC,QAAQ,EAAE,EAAE;MACZJ,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK;IACtC,CAAC;IACDsB,KAAK,EAAE;MACLH,SAAS,EAAE;QACTC,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE,EAAE;QACZJ,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK;MACtC,CAAC;MACDuB,YAAY,EAAE;QACZH,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE,EAAE;QACZJ,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK;MACtC;IACF,CAAC;IACDwB,MAAM,EAAE;MACNL,SAAS,EAAE;QACTF,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK;MACtC;IACF,CAAC;IACDyB,YAAY,EAAE;MACZC,QAAQ,EAAE;QACRC,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK;QACxC;MACF,CAAC;MACD8B,QAAQ,EAAE;QACRH,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK;QACxC;MACF,CAAC;MACD+B,SAAS,EAAE;QACTJ,IAAI,EAAE,IAAI;QACVV,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK,CAAC;QACrCoB,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE;MACZ,CAAC;MACDW,SAAS,EAAE;QACTL,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAE,CAACpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK,CAAC;QAC1C;MACF;IACF,CAAC;IACDiC,QAAQ,EAAE;MACRP,QAAQ,EAAE;QACRC,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK;QACxC;MACF,CAAC;MACD8B,QAAQ,EAAE;QACRH,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK;QACxC;MACF,CAAC;MACD+B,SAAS,EAAE;QACTJ,IAAI,EAAE,IAAI;QACVV,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK,CAAC;QACrCoB,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE;MACZ,CAAC;MACDW,SAAS,EAAE;QACTL,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAE,CAACpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK,CAAC;QAC1C;MACF;IACF,CAAC;IACDkC,GAAG,EAAE;MACHC,SAAS,EAAE;QACTC,OAAO,EAAEnC,OAAO,GAAG,GAAG,GAAG;MAC3B,CAAC;MACDc,QAAQ,EAAE;QACRoB,SAAS,EAAE;UACTC,OAAO,EAAE;QACX;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACTX,QAAQ,EAAE;QACRC,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK;QACxC;MACF,CAAC;MACD8B,QAAQ,EAAE;QACRH,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK;QACxC;MACF,CAAC;MACD+B,SAAS,EAAE;QACTJ,IAAI,EAAE,IAAI;QACVV,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK,CAAC;QACrCoB,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE;MACZ,CAAC;MACDW,SAAS,EAAE;QACTL,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE;UACTX,KAAK,EAAEhB,OAAO,GACVJ,WAAW,CAACyC,eAAe,CAACC,KAAK,GACjC1C,WAAW,CAACgC,aAAa,CAACW;QAChC;MACF;IACF,CAAC;IACDC,WAAW,EAAE;MACXb,SAAS,EAAE;QACTX,KAAK,EAAEhB,OAAO,GACVJ,WAAW,CAACgC,aAAa,CAACU,KAAK,GAC/B1C,WAAW,CAACmB,OAAO,CAACwB;MAC1B,CAAC;MACDE,KAAK,EAAE;QACLC,eAAe,EAAE1C,OAAO,GACpBJ,WAAW,CAACyC,eAAe,CAACC,KAAK,GACjC1C,WAAW,CAACgC,aAAa,CAACW,IAAI;QAClCvB,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK;MACtC;IACF,CAAC;IACD4C,SAAS,EAAE;MACTF,KAAK,EAAE;QACLzB,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK;MACtC;IACF,CAAC;IACD6C,OAAO,EAAE;MACPC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC;MAChBC,aAAa,EAAE,CAAC;MAChBP,eAAe,EAAE1C,OAAO,GACpBJ,WAAW,CAACsD,WAAW,CAACZ,KAAK,GAC7B1C,WAAW,CAACgC,aAAa,CAACW,IAAI;MAClCrB,SAAS,EAAE;QACTC,UAAU,EAAE,WAAW;QACvBC,QAAQ,EAAE,EAAE;QACZJ,KAAK,EAAEpB,WAAW,CAACiB,WAAW,CAACd,KAAK;MACtC,CAAC;MACDyC,WAAW,EAAE;QACXb,SAAS,EAAE;UACTX,KAAK,EAAEhB,OAAO,GACVJ,WAAW,CAACgC,aAAa,CAACU,KAAK,GAC/B1C,WAAW,CAACmB,OAAO,CAACwB,IAAI;UAC5BY,KAAK,EAAE;QACT,CAAC;QACDC,UAAU,EAAE;UACVpC,KAAK,EAAEpB,WAAW,CAACgC,aAAa,CAAC7B,KAAK,CAAC;UACvCoD,KAAK,EAAE;QACT;MACF;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/chart/index.ts"],"sourcesContent":["export * from './BaseChart';\nexport * from './getGridLines';\nexport * from './getTheme';\nexport * from './getZoomControls';\nexport * from './sharedOptions';\nexport * from './types';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,SAAS","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/chart/index.ts"],"sourcesContent":["export * from './BaseChart';\nexport * from './formatters';\nexport * from './getGridLines';\nexport * from './getTheme';\nexport * from './getZoomControls';\nexport * from './sharedOptions';\nexport * from './types';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const chartDateFormat: (date: string) => string;
|
|
2
|
+
export declare const chartDateTimeFormat: ({ date, time, }: {
|
|
3
|
+
date: string;
|
|
4
|
+
time: string;
|
|
5
|
+
}) => string;
|
|
6
|
+
export declare const getChartDateAndTime: (param: string) => {
|
|
7
|
+
date: string;
|
|
8
|
+
time: string;
|
|
9
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oanda/labs-widget-common",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.213",
|
|
4
4
|
"description": "Labs Widget Common",
|
|
5
5
|
"main": "dist/main/index.js",
|
|
6
6
|
"module": "dist/module/index.js",
|
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
"tailwind-merge": "2.2.2",
|
|
22
22
|
"usehooks-ts": "3.0.2"
|
|
23
23
|
},
|
|
24
|
-
"gitHead": "
|
|
24
|
+
"gitHead": "1853da87eb42d5ffb0c4f9c2ecdc98450c068f9c"
|
|
25
25
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export const chartDateFormat = (date: string) =>
|
|
2
|
+
`${new Date(date).toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })}`;
|
|
3
|
+
|
|
4
|
+
export const chartDateTimeFormat = ({
|
|
5
|
+
date,
|
|
6
|
+
time,
|
|
7
|
+
}: {
|
|
8
|
+
date: string;
|
|
9
|
+
time: string;
|
|
10
|
+
}) =>
|
|
11
|
+
`${new Date(date).toLocaleDateString(undefined, { year: 'numeric', month: 'numeric', day: 'numeric' })}, ${time} UTC`;
|
|
12
|
+
|
|
13
|
+
export const getChartDateAndTime = (param: string) => {
|
|
14
|
+
const dateAndTime = param.split('T');
|
|
15
|
+
|
|
16
|
+
return {
|
|
17
|
+
date: dateAndTime[0],
|
|
18
|
+
time: dateAndTime[1].substring(0, 5),
|
|
19
|
+
};
|
|
20
|
+
};
|
package/src/chart/getTheme.ts
CHANGED
|
@@ -148,6 +148,11 @@ export const getChartTheme = (theme: Theme) => {
|
|
|
148
148
|
color: themeColors.textPrimary[theme],
|
|
149
149
|
},
|
|
150
150
|
},
|
|
151
|
+
markPoint: {
|
|
152
|
+
label: {
|
|
153
|
+
color: themeColors.textPrimary[theme],
|
|
154
|
+
},
|
|
155
|
+
},
|
|
151
156
|
tooltip: {
|
|
152
157
|
borderWidth: 0,
|
|
153
158
|
borderRadius: 0,
|