@oanda/labs-ticker-tape-widget 1.0.107 → 1.0.109
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 +738 -12050
- package/dist/module/TickerTapeWidget/Main.js +25 -18
- package/dist/module/TickerTapeWidget/Main.js.map +1 -1
- package/dist/module/TickerTapeWidget/TickerTapeWidget.js +22 -15
- package/dist/module/TickerTapeWidget/TickerTapeWidget.js.map +1 -1
- package/dist/module/TickerTapeWidget/ValidationWrapper.js +21 -14
- package/dist/module/TickerTapeWidget/ValidationWrapper.js.map +1 -1
- package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js +16 -9
- package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js.map +1 -1
- package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/index.js +16 -1
- package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/index.js.map +1 -1
- package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/types.js +5 -1
- package/dist/module/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.js +11 -4
- package/dist/module/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.js.map +1 -1
- package/dist/module/TickerTapeWidget/components/MarqueeWrapper/index.js +16 -1
- package/dist/module/TickerTapeWidget/components/MarqueeWrapper/index.js.map +1 -1
- package/dist/module/TickerTapeWidget/components/MarqueeWrapper/types.js +5 -1
- package/dist/module/TickerTapeWidget/constant.js +7 -2
- package/dist/module/TickerTapeWidget/constant.js.map +1 -1
- package/dist/module/TickerTapeWidget/index.js +27 -2
- package/dist/module/TickerTapeWidget/index.js.map +1 -1
- package/dist/module/TickerTapeWidget/render.js +13 -10
- package/dist/module/TickerTapeWidget/render.js.map +1 -1
- package/dist/module/TickerTapeWidget/types.js +19 -2
- package/dist/module/TickerTapeWidget/types.js.map +1 -1
- package/dist/module/TickerTapeWidget/utils.js +14 -7
- package/dist/module/TickerTapeWidget/utils.js.map +1 -1
- package/dist/module/gql/getInstrumentsChart.js +8 -2
- package/dist/module/gql/getInstrumentsChart.js.map +1 -1
- package/dist/module/gql/types/fragment-masking.js +11 -3
- package/dist/module/gql/types/fragment-masking.js.map +1 -1
- package/dist/module/gql/types/gql.js +9 -2
- package/dist/module/gql/types/gql.js.map +1 -1
- package/dist/module/gql/types/graphql.js +22 -16
- package/dist/module/gql/types/graphql.js.map +1 -1
- package/dist/module/gql/types/index.js +27 -2
- package/dist/module/gql/types/index.js.map +1 -1
- package/dist/module/gql/validateInstruments.js +8 -2
- package/dist/module/gql/validateInstruments.js.map +1 -1
- package/dist/module/index.js +16 -1
- package/dist/module/index.js.map +1 -1
- package/dist/module/translations/index.js +21 -14
- package/dist/module/translations/index.js.map +1 -1
- package/dist/module/translations/translations.js +7 -1
- package/dist/module/translations/translations.js.map +1 -1
- package/dist/types/gql/getInstrumentsChart.d.ts +1 -1
- package/dist/types/gql/validateInstruments.d.ts +1 -1
- package/package.json +8 -4
- package/tsconfig.types.json +2 -4
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Main = void 0;
|
|
7
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _InstrumentRateWithData = require("./components/InstrumentRateWithData");
|
|
10
|
+
var _MarqueeWrapper = require("./components/MarqueeWrapper");
|
|
11
|
+
var _constant = require("./constant");
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
6
13
|
const Main = _ref => {
|
|
7
14
|
let {
|
|
8
15
|
records,
|
|
@@ -16,59 +23,59 @@ const Main = _ref => {
|
|
|
16
23
|
const {
|
|
17
24
|
target,
|
|
18
25
|
setQuery
|
|
19
|
-
} = useLiveRatesQuery();
|
|
26
|
+
} = (0, _labsWidgetCommon.useLiveRatesQuery)();
|
|
20
27
|
const instrumentsNames = records.map(_ref2 => {
|
|
21
28
|
let {
|
|
22
29
|
instrument: instrumentName
|
|
23
30
|
} = _ref2;
|
|
24
31
|
return instrumentName;
|
|
25
32
|
});
|
|
26
|
-
useEffect(() => {
|
|
33
|
+
(0, _react.useEffect)(() => {
|
|
27
34
|
if (instrumentsNames[0]) {
|
|
28
35
|
setQuery({
|
|
29
36
|
instruments: instrumentsNames
|
|
30
37
|
});
|
|
31
38
|
}
|
|
32
39
|
}, [records]);
|
|
33
|
-
return
|
|
40
|
+
return _react.default.createElement("div", {
|
|
34
41
|
className: "lw-z-10 lw-flex lw-max-w-[100vw]",
|
|
35
42
|
"data-testid": "ticker-tape-wrapper"
|
|
36
|
-
},
|
|
43
|
+
}, _react.default.createElement(_MarqueeWrapper.MarqueeWrapper, {
|
|
37
44
|
isStatic: motion === 'none',
|
|
38
45
|
shouldPlay: records.length > 0
|
|
39
46
|
}, records.map(record => {
|
|
40
47
|
const link = instrumentsWithLink.find(instrumentWithLink => instrumentWithLink.instrument === record.instrument)?.link;
|
|
41
|
-
return link ?
|
|
48
|
+
return link ? _react.default.createElement("a", {
|
|
42
49
|
key: record.instrument,
|
|
43
|
-
className: cn('lw-flex lw-h-full lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
|
|
50
|
+
className: (0, _labsWidgetCommon.cn)('lw-flex lw-h-full lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
|
|
44
51
|
'lw-border-t-0': removeTopBorder,
|
|
45
52
|
'lw-w-fit last:lw-border-r': motion === 'none'
|
|
46
53
|
}),
|
|
47
54
|
href: link,
|
|
48
55
|
rel: "noopener noreferrer",
|
|
49
56
|
target: "_blank"
|
|
50
|
-
},
|
|
57
|
+
}, _react.default.createElement(_InstrumentRateWithData.InstrumentRateWithData, {
|
|
51
58
|
division: division,
|
|
52
59
|
record: record,
|
|
53
60
|
size: widgetSize,
|
|
54
61
|
slim: slim,
|
|
55
62
|
target: target
|
|
56
|
-
})) :
|
|
63
|
+
})) : _react.default.createElement("div", {
|
|
57
64
|
key: record.instrument,
|
|
58
|
-
className: cn('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
|
|
65
|
+
className: (0, _labsWidgetCommon.cn)('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
|
|
59
66
|
'lw-border-t-0': removeTopBorder,
|
|
60
67
|
'lw-w-full last:lw-border-r': motion === 'none'
|
|
61
68
|
})
|
|
62
|
-
},
|
|
69
|
+
}, _react.default.createElement(_InstrumentRateWithData.InstrumentRateWithData, {
|
|
63
70
|
division: division,
|
|
64
71
|
record: record,
|
|
65
72
|
size: widgetSize,
|
|
66
73
|
slim: slim,
|
|
67
74
|
target: target
|
|
68
75
|
}));
|
|
69
|
-
})),
|
|
70
|
-
id: INSTRUMENT_TOOLTIP_ID
|
|
76
|
+
})), _react.default.createElement(_labsWidgetCommon.Tooltip, {
|
|
77
|
+
id: _constant.INSTRUMENT_TOOLTIP_ID
|
|
71
78
|
}));
|
|
72
79
|
};
|
|
73
|
-
|
|
80
|
+
exports.Main = Main;
|
|
74
81
|
//# sourceMappingURL=Main.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.js","names":["
|
|
1
|
+
{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_react","_interopRequireWildcard","_InstrumentRateWithData","_MarqueeWrapper","_constant","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Main","_ref","records","division","size","widgetSize","motion","removeTopBorder","slim","instrumentsWithLink","target","setQuery","useLiveRatesQuery","instrumentsNames","map","_ref2","instrument","instrumentName","useEffect","instruments","createElement","className","MarqueeWrapper","isStatic","shouldPlay","length","record","link","find","instrumentWithLink","key","cn","href","rel","InstrumentRateWithData","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { cn, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport React, { useEffect } from 'react';\n\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\nimport { MarqueeWrapper } from './components/MarqueeWrapper';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { MainProps } from './types';\n\nconst Main = ({\n records,\n division,\n size: widgetSize = 'fullWithChart',\n motion = 'linear',\n removeTopBorder,\n slim,\n instrumentsWithLink,\n}: MainProps) => {\n const { target, setQuery } = useLiveRatesQuery();\n\n const instrumentsNames = records.map(\n ({ instrument: instrumentName }) => instrumentName\n );\n\n useEffect(() => {\n if (instrumentsNames[0]) {\n setQuery({ instruments: instrumentsNames });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [records]);\n\n return (\n <div\n className=\"lw-z-10 lw-flex lw-max-w-[100vw]\"\n data-testid=\"ticker-tape-wrapper\"\n >\n <MarqueeWrapper\n isStatic={motion === 'none'}\n shouldPlay={records.length > 0}\n >\n {records.map((record) => {\n const link = instrumentsWithLink.find(\n (instrumentWithLink) =>\n instrumentWithLink.instrument === record.instrument\n )?.link;\n return link ? (\n <a\n key={record.instrument}\n className={cn(\n 'lw-flex lw-h-full lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary',\n {\n 'lw-border-t-0': removeTopBorder,\n 'lw-w-fit last:lw-border-r': motion === 'none',\n }\n )}\n href={link}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n <InstrumentRateWithData\n division={division}\n record={record}\n size={widgetSize}\n slim={slim}\n target={target}\n />\n </a>\n ) : (\n <div\n key={record.instrument}\n className={cn(\n 'lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary',\n {\n 'lw-border-t-0': removeTopBorder,\n 'lw-w-full last:lw-border-r': motion === 'none',\n }\n )}\n >\n <InstrumentRateWithData\n division={division}\n record={record}\n size={widgetSize}\n slim={slim}\n target={target}\n />\n </div>\n );\n })}\n </MarqueeWrapper>\n <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n </div>\n );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TickerTapeWidget = void 0;
|
|
7
|
+
var _client = require("@apollo/client");
|
|
8
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _translations = require("../translations");
|
|
11
|
+
var _types = require("./types");
|
|
12
|
+
var _ValidationWrapper = require("./ValidationWrapper");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
14
|
const TickerTapeWidget = _ref => {
|
|
8
15
|
let {
|
|
9
16
|
graphqlUrl,
|
|
@@ -22,13 +29,13 @@ const TickerTapeWidget = _ref => {
|
|
|
22
29
|
slim,
|
|
23
30
|
disclaimer
|
|
24
31
|
} = _ref;
|
|
25
|
-
const client = new ApolloClient({
|
|
32
|
+
const client = new _client.ApolloClient({
|
|
26
33
|
uri: graphqlUrl,
|
|
27
|
-
cache: new InMemoryCache()
|
|
34
|
+
cache: new _client.InMemoryCache()
|
|
28
35
|
});
|
|
29
|
-
const divisionCode = division === Division.Opt ? Division.Ogm : division;
|
|
30
|
-
const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';
|
|
31
|
-
return
|
|
36
|
+
const divisionCode = division === _types.Division.Opt ? _types.Division.Ogm : division;
|
|
37
|
+
const dataSource = divisionCode === _types.Division.Ogm ? 'MT5' : 'V20';
|
|
38
|
+
return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
|
|
32
39
|
withSuspense: true,
|
|
33
40
|
client: client,
|
|
34
41
|
liveRates: {
|
|
@@ -43,8 +50,8 @@ const TickerTapeWidget = _ref => {
|
|
|
43
50
|
removePadding
|
|
44
51
|
},
|
|
45
52
|
theme: theme,
|
|
46
|
-
translations: translations
|
|
47
|
-
},
|
|
53
|
+
translations: _translations.translations
|
|
54
|
+
}, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
|
|
48
55
|
brandingSpace: brandingSpace,
|
|
49
56
|
disclaimer: {
|
|
50
57
|
position: size === 'compact' ? 'left' : 'top',
|
|
@@ -54,7 +61,7 @@ const TickerTapeWidget = _ref => {
|
|
|
54
61
|
isSlim: slim,
|
|
55
62
|
linkArea: "logo",
|
|
56
63
|
logoLink: logoLink
|
|
57
|
-
},
|
|
64
|
+
}, _react.default.createElement(_ValidationWrapper.ValidationWrapper, {
|
|
58
65
|
division: division,
|
|
59
66
|
instruments: instruments,
|
|
60
67
|
isParamError: isParamError,
|
|
@@ -64,5 +71,5 @@ const TickerTapeWidget = _ref => {
|
|
|
64
71
|
slim: slim
|
|
65
72
|
})));
|
|
66
73
|
};
|
|
67
|
-
|
|
74
|
+
exports.TickerTapeWidget = TickerTapeWidget;
|
|
68
75
|
//# sourceMappingURL=TickerTapeWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TickerTapeWidget.js","names":["
|
|
1
|
+
{"version":3,"file":"TickerTapeWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_types","_ValidationWrapper","e","__esModule","default","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","removeTopBorder","motion","logoLink","brandingSpace","slim","disclaimer","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","WidgetProvider","withSuspense","liveRates","url","options","styling","translations","WidgetWrapper","position","text","isSlim","linkArea","ValidationWrapper","exports"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { TickerTapeConfig } from './types';\nimport { Division } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n graphqlUrl,\n liveRatesUrl,\n instruments,\n division,\n locale,\n theme,\n isParamError,\n removePadding,\n size,\n removeTopBorder,\n motion,\n logoLink,\n brandingSpace,\n slim,\n disclaimer,\n}: TickerTapeConfig) => {\n const client = new ApolloClient({\n uri: graphqlUrl,\n cache: new InMemoryCache(),\n });\n\n const divisionCode = division === Division.Opt ? Division.Ogm : division;\n const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n return (\n <WidgetProvider\n withSuspense\n client={client}\n liveRates={{\n url: liveRatesUrl,\n options: { divisionCode, dataSource },\n }}\n locale={locale}\n styling={{\n removePadding,\n }}\n theme={theme}\n translations={translations}\n >\n <WidgetWrapper\n brandingSpace={brandingSpace}\n disclaimer={{\n position: size === 'compact' ? 'left' : 'top',\n text: disclaimer,\n }}\n isParamError={isParamError}\n isSlim={slim}\n linkArea=\"logo\"\n logoLink={logoLink}\n >\n <ValidationWrapper\n division={division}\n instruments={instruments}\n isParamError={isParamError}\n motion={motion}\n removeTopBorder={removeTopBorder}\n size={size}\n slim={slim}\n />\n </WidgetWrapper>\n </WidgetProvider>\n );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAAwD,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,gBAAgB,GAAGC,IAAA,IAgBD;EAAA,IAhBE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC,eAAe;IACfC,MAAM;IACNC,QAAQ;IACRC,aAAa;IACbC,IAAI;IACJC;EACgB,CAAC,GAAAf,IAAA;EACjB,MAAMgB,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEjB,UAAU;IACfkB,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGjB,QAAQ,KAAKkB,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGpB,QAAQ;EACxE,MAAMqB,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEjC,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAACpC,iBAAA,CAAAqC,cAAc;IACbC,YAAY;IACZZ,MAAM,EAAEA,MAAO;IACfa,SAAS,EAAE;MACTC,GAAG,EAAE5B,YAAY;MACjB6B,OAAO,EAAE;QAAEV,YAAY;QAAEI;MAAW;IACtC,CAAE;IACFpB,MAAM,EAAEA,MAAO;IACf2B,OAAO,EAAE;MACPxB;IACF,CAAE;IACFF,KAAK,EAAEA,KAAM;IACb2B,YAAY,EAAEA;EAAa,GAE3B1C,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAACpC,iBAAA,CAAA4C,aAAa;IACZrB,aAAa,EAAEA,aAAc;IAC7BE,UAAU,EAAE;MACVoB,QAAQ,EAAE1B,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,KAAK;MAC7C2B,IAAI,EAAErB;IACR,CAAE;IACFR,YAAY,EAAEA,YAAa;IAC3B8B,MAAM,EAAEvB,IAAK;IACbwB,QAAQ,EAAC,MAAM;IACf1B,QAAQ,EAAEA;EAAS,GAEnBrB,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAC/B,kBAAA,CAAA4C,iBAAiB;IAChBnC,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BI,MAAM,EAAEA,MAAO;IACfD,eAAe,EAAEA,eAAgB;IACjCD,IAAI,EAAEA,IAAK;IACXK,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAAC0B,OAAA,CAAAzC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ValidationWrapper = void 0;
|
|
7
|
+
var _client = require("@apollo/client");
|
|
8
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _validateInstruments = require("../gql/validateInstruments");
|
|
11
|
+
var _Main = require("./Main");
|
|
12
|
+
var _utils = require("./utils");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
14
|
const ValidationWrapper = _ref => {
|
|
8
15
|
let {
|
|
9
16
|
instruments,
|
|
@@ -18,11 +25,11 @@ const ValidationWrapper = _ref => {
|
|
|
18
25
|
const instrumentsWithLink = instruments.filter(instrument => typeof instrument === 'object');
|
|
19
26
|
const {
|
|
20
27
|
size
|
|
21
|
-
} = useLayoutProvider();
|
|
28
|
+
} = (0, _labsWidgetCommon.useLayoutProvider)();
|
|
22
29
|
const {
|
|
23
30
|
data,
|
|
24
31
|
error
|
|
25
|
-
} = useSuspenseQuery(validateInstruments, {
|
|
32
|
+
} = (0, _client.useSuspenseQuery)(_validateInstruments.validateInstruments, {
|
|
26
33
|
variables: {
|
|
27
34
|
instruments: instrumentsWithoutLink,
|
|
28
35
|
division
|
|
@@ -31,17 +38,17 @@ const ValidationWrapper = _ref => {
|
|
|
31
38
|
errorPolicy: 'all'
|
|
32
39
|
});
|
|
33
40
|
const showError = !!error || isParamError;
|
|
34
|
-
return
|
|
41
|
+
return _react.default.createElement(_react.default.Fragment, null, !showError && size && _react.default.createElement(_Main.Main, {
|
|
35
42
|
division: division,
|
|
36
43
|
instrumentsWithLink: instrumentsWithLink,
|
|
37
44
|
motion: motion,
|
|
38
|
-
records: getRecords(data),
|
|
45
|
+
records: (0, _utils.getRecords)(data),
|
|
39
46
|
removeTopBorder: removeTopBorder,
|
|
40
47
|
size: widgetSize,
|
|
41
48
|
slim: slim
|
|
42
|
-
}), showError &&
|
|
43
|
-
className: cn('flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary')
|
|
44
|
-
},
|
|
49
|
+
}), showError && _react.default.createElement("div", {
|
|
50
|
+
className: (0, _labsWidgetCommon.cn)('flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary')
|
|
51
|
+
}, _react.default.createElement(_labsWidgetCommon.Error, null)));
|
|
45
52
|
};
|
|
46
|
-
|
|
53
|
+
exports.ValidationWrapper = ValidationWrapper;
|
|
47
54
|
//# sourceMappingURL=ValidationWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidationWrapper.js","names":["
|
|
1
|
+
{"version":3,"file":"ValidationWrapper.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_validateInstruments","_Main","_utils","e","__esModule","default","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","removeTopBorder","slim","instrumentsWithoutLink","map","instrument","instrumentsWithLink","filter","useLayoutProvider","data","error","useSuspenseQuery","validateInstruments","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","Main","records","getRecords","className","cn","Error","exports"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import { useSuspenseQuery } from '@apollo/client';\nimport { cn, Error, useLayoutProvider } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type {\n ValidateInstrumentsQuery,\n ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { Main } from './Main';\nimport type { ValidationWrapperProps } from './types';\nimport { getRecords } from './utils';\n\nconst ValidationWrapper = ({\n instruments,\n division,\n size: widgetSize,\n motion,\n isParamError,\n removeTopBorder,\n slim,\n}: ValidationWrapperProps) => {\n const instrumentsWithoutLink = instruments.map((instrument) =>\n typeof instrument === 'string' ? instrument : instrument.instrument\n );\n const instrumentsWithLink = instruments.filter(\n (instrument) => typeof instrument === 'object'\n );\n\n const { size } = useLayoutProvider();\n const { data, error } = useSuspenseQuery<\n ValidateInstrumentsQuery,\n ValidateInstrumentsQueryVariables\n >(validateInstruments, {\n variables: {\n instruments: instrumentsWithoutLink,\n division,\n },\n fetchPolicy: 'network-only',\n errorPolicy: 'all',\n });\n\n const showError = !!error || isParamError;\n\n return (\n <>\n {!showError && size && (\n <Main\n division={division}\n instrumentsWithLink={instrumentsWithLink}\n motion={motion}\n records={getRecords(data!)!}\n removeTopBorder={removeTopBorder}\n size={widgetSize}\n slim={slim}\n />\n )}\n {showError && (\n <div\n className={cn(\n 'flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary'\n )}\n >\n <Error />\n </div>\n )}\n </>\n );\n};\n\nexport { ValidationWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAMA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAAqC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErC,MAAMG,iBAAiB,GAAGC,IAAA,IAQI;EAAA,IARH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC,MAAM;IACNC,YAAY;IACZC,eAAe;IACfC;EACsB,CAAC,GAAAR,IAAA;EACvB,MAAMS,sBAAsB,GAAGR,WAAW,CAACS,GAAG,CAAEC,UAAU,IACxD,OAAOA,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAGA,UAAU,CAACA,UAC3D,CAAC;EACD,MAAMC,mBAAmB,GAAGX,WAAW,CAACY,MAAM,CAC3CF,UAAU,IAAK,OAAOA,UAAU,KAAK,QACxC,CAAC;EAED,MAAM;IAAER;EAAK,CAAC,GAAG,IAAAW,mCAAiB,EAAC,CAAC;EACpC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,wBAAgB,EAGtCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTlB,WAAW,EAAEQ,sBAAsB;MACnCP;IACF,CAAC;IACDkB,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACN,KAAK,IAAIV,YAAY;EAEzC,OACEf,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAAhC,MAAA,CAAAO,OAAA,CAAA0B,QAAA,QACG,CAACF,SAAS,IAAInB,IAAI,IACjBZ,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,KAAA,CAAA+B,IAAI;IACHvB,QAAQ,EAAEA,QAAS;IACnBU,mBAAmB,EAAEA,mBAAoB;IACzCP,MAAM,EAAEA,MAAO;IACfqB,OAAO,EAAE,IAAAC,iBAAU,EAACZ,IAAK,CAAG;IAC5BR,eAAe,EAAEA,eAAgB;IACjCJ,IAAI,EAAEC,UAAW;IACjBI,IAAI,EAAEA;EAAK,CACZ,CACF,EACAc,SAAS,IACR/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA;IACEK,SAAS,EAAE,IAAAC,oBAAE,EACX,+FACF;EAAE,GAEFtC,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAACjC,iBAAA,CAAAwC,KAAK,MAAE,CACL,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAhC,iBAAA,GAAAA,iBAAA","ignoreList":[]}
|
package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js
CHANGED
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.InstrumentRateWithData = void 0;
|
|
7
|
+
var _client = require("@apollo/client");
|
|
8
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _getInstrumentsChart = require("../../../gql/getInstrumentsChart");
|
|
11
|
+
var _constant = require("../../constant");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
6
13
|
const InstrumentRateWithData = _ref => {
|
|
7
14
|
let {
|
|
8
15
|
record,
|
|
@@ -12,7 +19,7 @@ const InstrumentRateWithData = _ref => {
|
|
|
12
19
|
slim
|
|
13
20
|
} = _ref;
|
|
14
21
|
const hasInstrument = !!record.instrument;
|
|
15
|
-
const [queryRef] = useBackgroundQuery(getInstrumentsChart, {
|
|
22
|
+
const [queryRef] = (0, _client.useBackgroundQuery)(_getInstrumentsChart.getInstrumentsChart, {
|
|
16
23
|
variables: {
|
|
17
24
|
instruments: [record.instrument],
|
|
18
25
|
division
|
|
@@ -20,14 +27,14 @@ const InstrumentRateWithData = _ref => {
|
|
|
20
27
|
fetchPolicy: 'network-only',
|
|
21
28
|
skip: !hasInstrument
|
|
22
29
|
});
|
|
23
|
-
return
|
|
30
|
+
return _react.default.createElement(_labsWidgetCommon.InstrumentRateWithChart, {
|
|
24
31
|
queryRef: queryRef,
|
|
25
32
|
record: record,
|
|
26
33
|
size: size,
|
|
27
34
|
slim: slim,
|
|
28
35
|
target: target,
|
|
29
|
-
tooltipId: INSTRUMENT_TOOLTIP_ID
|
|
36
|
+
tooltipId: _constant.INSTRUMENT_TOOLTIP_ID
|
|
30
37
|
});
|
|
31
38
|
};
|
|
32
|
-
|
|
39
|
+
exports.InstrumentRateWithData = InstrumentRateWithData;
|
|
33
40
|
//# sourceMappingURL=InstrumentRateWithData.js.map
|
package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InstrumentRateWithData.js","names":["
|
|
1
|
+
{"version":3,"file":"InstrumentRateWithData.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_getInstrumentsChart","_constant","e","__esModule","default","InstrumentRateWithData","_ref","record","division","target","size","slim","hasInstrument","instrument","queryRef","useBackgroundQuery","getInstrumentsChart","variables","instruments","fetchPolicy","skip","createElement","InstrumentRateWithChart","tooltipId","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import { useBackgroundQuery } from '@apollo/client';\nimport { InstrumentRateWithChart } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport type {\n GetInstrumentsChartQuery,\n GetInstrumentsChartQueryVariables,\n} from '../../../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport type { InstrumentRateWithDataProps } from './types';\n\nconst InstrumentRateWithData = ({\n record,\n division,\n target,\n size,\n slim,\n}: InstrumentRateWithDataProps) => {\n const hasInstrument = !!record.instrument;\n\n const [queryRef] = useBackgroundQuery<\n GetInstrumentsChartQuery,\n GetInstrumentsChartQueryVariables\n >(getInstrumentsChart, {\n variables: {\n instruments: [record.instrument],\n division,\n },\n fetchPolicy: 'network-only',\n skip: !hasInstrument,\n });\n\n return (\n <InstrumentRateWithChart<GetInstrumentsChartQuery>\n queryRef={queryRef}\n record={record}\n size={size}\n slim={slim}\n target={target}\n tooltipId={INSTRUMENT_TOOLTIP_ID}\n />\n );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAL,OAAA;AAAuD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvD,MAAMG,sBAAsB,GAAGC,IAAA,IAMI;EAAA,IANH;IAC9BC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,IAAI;IACJC;EAC2B,CAAC,GAAAL,IAAA;EAC5B,MAAMM,aAAa,GAAG,CAAC,CAACL,MAAM,CAACM,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAG,IAAAC,0BAAkB,EAGnCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACX,MAAM,CAACM,UAAU,CAAC;MAChCL;IACF,CAAC;IACDW,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACR;EACT,CAAC,CAAC;EAEF,OACEd,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACxB,iBAAA,CAAAyB,uBAAuB;IACtBR,QAAQ,EAAEA,QAAS;IACnBP,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXF,MAAM,EAAEA,MAAO;IACfc,SAAS,EAAEC;EAAsB,CAClC,CAAC;AAEN,CAAC;AAACC,OAAA,CAAApB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
|
|
@@ -1,2 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _InstrumentRateWithData = require("./InstrumentRateWithData");
|
|
7
|
+
Object.keys(_InstrumentRateWithData).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _InstrumentRateWithData[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _InstrumentRateWithData[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
2
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/index.ts"],"sourcesContent":["export * from './InstrumentRateWithData';\n"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_InstrumentRateWithData","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/index.ts"],"sourcesContent":["export * from './InstrumentRateWithData';\n"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1,17 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MarqueeWrapper = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactFastMarquee = _interopRequireDefault(require("react-fast-marquee"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
3
10
|
const MarqueeWrapper = _ref => {
|
|
4
11
|
let {
|
|
5
12
|
children,
|
|
6
13
|
shouldPlay,
|
|
7
14
|
isStatic
|
|
8
15
|
} = _ref;
|
|
9
|
-
return
|
|
16
|
+
return _react.default.createElement(_react.default.Fragment, null, !isStatic ? _react.default.createElement(_reactFastMarquee.default, {
|
|
10
17
|
autoFill: true,
|
|
11
18
|
pauseOnHover: true,
|
|
12
19
|
play: shouldPlay,
|
|
13
20
|
speed: 60
|
|
14
21
|
}, children) : children);
|
|
15
22
|
};
|
|
16
|
-
|
|
23
|
+
exports.MarqueeWrapper = MarqueeWrapper;
|
|
17
24
|
//# sourceMappingURL=MarqueeWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarqueeWrapper.js","names":["
|
|
1
|
+
{"version":3,"file":"MarqueeWrapper.js","names":["_react","_interopRequireDefault","require","_reactFastMarquee","e","__esModule","default","MarqueeWrapper","_ref","children","shouldPlay","isStatic","createElement","Fragment","autoFill","pauseOnHover","play","speed","exports"],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport Marquee from 'react-fast-marquee';\n\nimport type { MarqueeWrapperProps } from './types';\n\nconst MarqueeWrapper = ({\n children,\n shouldPlay,\n isStatic,\n}: MarqueeWrapperProps) => (\n <>\n {!isStatic ? (\n <Marquee autoFill pauseOnHover play={shouldPlay} speed={60}>\n {children}\n </Marquee>\n ) : (\n children\n )}\n </>\n);\n\nexport { MarqueeWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIzC,MAAMG,cAAc,GAAGC,IAAA;EAAA,IAAC;IACtBC,QAAQ;IACRC,UAAU;IACVC;EACmB,CAAC,GAAAH,IAAA;EAAA,OACpBR,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAAAZ,MAAA,CAAAM,OAAA,CAAAO,QAAA,QACG,CAACF,QAAQ,GACRX,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAACT,iBAAA,CAAAG,OAAO;IAACQ,QAAQ;IAACC,YAAY;IAACC,IAAI,EAAEN,UAAW;IAACO,KAAK,EAAE;EAAG,GACxDR,QACM,CAAC,GAEVA,QAEF,CAAC;AAAA,CACJ;AAACS,OAAA,CAAAX,cAAA,GAAAA,cAAA","ignoreList":[]}
|
|
@@ -1,2 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _MarqueeWrapper = require("./MarqueeWrapper");
|
|
7
|
+
Object.keys(_MarqueeWrapper).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _MarqueeWrapper[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _MarqueeWrapper[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
2
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/index.tsx"],"sourcesContent":["export * from './MarqueeWrapper';\n"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_MarqueeWrapper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/index.tsx"],"sourcesContent":["export * from './MarqueeWrapper';\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.INSTRUMENT_TOOLTIP_ID = void 0;
|
|
7
|
+
const INSTRUMENT_TOOLTIP_ID = exports.INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';
|
|
3
8
|
//# sourceMappingURL=constant.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constant.js","names":["INSTRUMENT_TOOLTIP_ID"],"sources":["../../../src/TickerTapeWidget/constant.ts"],"sourcesContent":["const INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';\n\nexport { INSTRUMENT_TOOLTIP_ID };\n"],"mappings":"AAAA,MAAMA,qBAAqB,GAAG,uBAAuB
|
|
1
|
+
{"version":3,"file":"constant.js","names":["INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/constant.ts"],"sourcesContent":["const INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';\n\nexport { INSTRUMENT_TOOLTIP_ID };\n"],"mappings":";;;;;;AAAA,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,uBAAuB","ignoreList":[]}
|
|
@@ -1,3 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _TickerTapeWidget = require("./TickerTapeWidget");
|
|
7
|
+
Object.keys(_TickerTapeWidget).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _TickerTapeWidget[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _TickerTapeWidget[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _types = require("./types");
|
|
18
|
+
Object.keys(_types).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _types[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _types[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
3
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/TickerTapeWidget/index.ts"],"sourcesContent":["export * from './TickerTapeWidget';\nexport * from './types';\n"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_TickerTapeWidget","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_types"],"sources":["../../../src/TickerTapeWidget/index.ts"],"sourcesContent":["export * from './TickerTapeWidget';\nexport * from './types';\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
4
|
+
var _react = _interopRequireDefault(require("react"));
|
|
5
|
+
var _client = require("react-dom/client");
|
|
6
|
+
var _graphql = require("../gql/types/graphql");
|
|
7
|
+
var _TickerTapeWidget = require("./TickerTapeWidget");
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
6
9
|
const {
|
|
7
10
|
graphqlUrl,
|
|
8
11
|
liveRatesUrl
|
|
9
12
|
} = window.widgetsConfig || {};
|
|
10
13
|
const dataTickerTapeParamsElements = document.querySelectorAll('div[data-ticker-tape-params]');
|
|
11
14
|
dataTickerTapeParamsElements.forEach(element => {
|
|
12
|
-
const root = createRoot(element);
|
|
15
|
+
const root = (0, _client.createRoot)(element);
|
|
13
16
|
const params = element.getAttribute('data-ticker-tape-params');
|
|
14
17
|
const mode = element.getAttribute('data-mode');
|
|
15
18
|
const {
|
|
@@ -24,7 +27,7 @@ dataTickerTapeParamsElements.forEach(element => {
|
|
|
24
27
|
slim,
|
|
25
28
|
disclaimer
|
|
26
29
|
} = JSON.parse(params);
|
|
27
|
-
const isParamError = validateToolParams({
|
|
30
|
+
const isParamError = (0, _labsWidgetCommon.validateToolParams)({
|
|
28
31
|
division,
|
|
29
32
|
locale,
|
|
30
33
|
graphqlUrl,
|
|
@@ -32,10 +35,10 @@ dataTickerTapeParamsElements.forEach(element => {
|
|
|
32
35
|
instruments
|
|
33
36
|
}, [{
|
|
34
37
|
name: 'locale',
|
|
35
|
-
valueCheck: value => validateLocale(value)
|
|
38
|
+
valueCheck: value => (0, _labsWidgetCommon.validateLocale)(value)
|
|
36
39
|
}, {
|
|
37
40
|
name: 'division',
|
|
38
|
-
valueCheck: value => Object.values(Division).includes(value)
|
|
41
|
+
valueCheck: value => Object.values(_graphql.Division).includes(value)
|
|
39
42
|
}, {
|
|
40
43
|
name: 'instruments',
|
|
41
44
|
valueCheck: value => value.length > 0 && value.length <= 10
|
|
@@ -44,7 +47,7 @@ dataTickerTapeParamsElements.forEach(element => {
|
|
|
44
47
|
}, {
|
|
45
48
|
name: 'liveRatesUrl'
|
|
46
49
|
}]);
|
|
47
|
-
root.render(
|
|
50
|
+
root.render(_react.default.createElement(_TickerTapeWidget.TickerTapeWidget, {
|
|
48
51
|
disclaimer: disclaimer,
|
|
49
52
|
division: division,
|
|
50
53
|
graphqlUrl: graphqlUrl,
|