@oanda/labs-sentiment-widget 1.0.252 → 1.0.254
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 +780 -62520
- package/dist/module/SentimentWidget/SentimentWidget.js +21 -14
- package/dist/module/SentimentWidget/SentimentWidget.js.map +1 -1
- package/dist/module/SentimentWidget/Tool.js +53 -45
- package/dist/module/SentimentWidget/Tool.js.map +1 -1
- package/dist/module/SentimentWidget/Widget.js +35 -28
- package/dist/module/SentimentWidget/Widget.js.map +1 -1
- package/dist/module/SentimentWidget/components/SortSwitch/SortSwitch.js +33 -26
- package/dist/module/SentimentWidget/components/SortSwitch/SortSwitch.js.map +1 -1
- package/dist/module/SentimentWidget/components/SortSwitch/index.js +27 -2
- package/dist/module/SentimentWidget/components/SortSwitch/index.js.map +1 -1
- package/dist/module/SentimentWidget/components/SortSwitch/types.js +7 -1
- package/dist/module/SentimentWidget/components/SortSwitch/types.js.map +1 -1
- package/dist/module/SentimentWidget/render.js +15 -12
- package/dist/module/SentimentWidget/render.js.map +1 -1
- package/dist/module/SentimentWidget/types.js +5 -1
- package/dist/module/SentimentWidget/utils.js +10 -3
- package/dist/module/SentimentWidget/utils.js.map +1 -1
- package/dist/module/constant.js +7 -2
- package/dist/module/constant.js.map +1 -1
- package/dist/module/gql/getInstrumentSentiment.js +8 -3
- package/dist/module/gql/getInstrumentSentiment.js.map +1 -1
- package/dist/module/gql/getSentimentList.js +8 -3
- package/dist/module/gql/getSentimentList.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/index.js +27 -2
- 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/getInstrumentSentiment.d.ts +1 -1
- package/dist/types/gql/getSentimentList.d.ts +1 -1
- package/package.json +8 -4
- package/tsconfig.types.json +2 -4
|
@@ -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.SentimentWidget = 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 _Tool = require("./Tool");
|
|
12
|
+
var _Widget = require("./Widget");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
14
|
const SentimentWidget = _ref => {
|
|
8
15
|
let {
|
|
9
16
|
graphqlUrl,
|
|
@@ -15,26 +22,26 @@ const SentimentWidget = _ref => {
|
|
|
15
22
|
isParamError,
|
|
16
23
|
logoLink
|
|
17
24
|
} = _ref;
|
|
18
|
-
const client = new ApolloClient({
|
|
25
|
+
const client = new _client.ApolloClient({
|
|
19
26
|
uri: graphqlUrl,
|
|
20
|
-
cache: new InMemoryCache()
|
|
27
|
+
cache: new _client.InMemoryCache()
|
|
21
28
|
});
|
|
22
|
-
return
|
|
29
|
+
return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
|
|
23
30
|
client: client,
|
|
24
31
|
locale: locale,
|
|
25
32
|
theme: theme,
|
|
26
|
-
translations: translations
|
|
27
|
-
},
|
|
33
|
+
translations: _translations.translations
|
|
34
|
+
}, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
|
|
28
35
|
isParamError: isParamError,
|
|
29
36
|
linkArea: "logo",
|
|
30
37
|
logoLink: logoLink
|
|
31
|
-
}, instrument ?
|
|
38
|
+
}, instrument ? _react.default.createElement(_Widget.Widget, {
|
|
32
39
|
division: division,
|
|
33
40
|
includeDescriptionLabels: includeDescriptionLabels,
|
|
34
41
|
instrument: instrument
|
|
35
|
-
}) :
|
|
42
|
+
}) : _react.default.createElement(_Tool.Tool, {
|
|
36
43
|
division: division
|
|
37
44
|
})));
|
|
38
45
|
};
|
|
39
|
-
|
|
46
|
+
exports.SentimentWidget = SentimentWidget;
|
|
40
47
|
//# sourceMappingURL=SentimentWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SentimentWidget.js","names":["
|
|
1
|
+
{"version":3,"file":"SentimentWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_Tool","_Widget","e","__esModule","default","SentimentWidget","_ref","graphqlUrl","division","instrument","locale","theme","includeDescriptionLabels","isParamError","logoLink","client","ApolloClient","uri","cache","InMemoryCache","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Widget","Tool","exports"],"sources":["../../../src/SentimentWidget/SentimentWidget.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 { Tool } from './Tool';\nimport type { SentimentConfig } from './types';\nimport { Widget } from './Widget';\n\nconst SentimentWidget = ({\n graphqlUrl,\n division,\n instrument,\n locale,\n theme,\n includeDescriptionLabels,\n isParamError,\n logoLink,\n}: SentimentConfig) => {\n const client = new ApolloClient({\n uri: graphqlUrl,\n cache: new InMemoryCache(),\n });\n\n return (\n <WidgetProvider\n client={client}\n locale={locale}\n theme={theme}\n translations={translations}\n >\n <WidgetWrapper\n isParamError={isParamError}\n linkArea=\"logo\"\n logoLink={logoLink}\n >\n {instrument ? (\n <Widget\n division={division}\n includeDescriptionLabels={includeDescriptionLabels}\n instrument={instrument}\n />\n ) : (\n <Tool division={division} />\n )}\n </WidgetWrapper>\n </WidgetProvider>\n );\n};\n\nexport { SentimentWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAAkC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,MAAMG,eAAe,GAAGC,IAAA,IASD;EAAA,IATE;IACvBC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,wBAAwB;IACxBC,YAAY;IACZC;EACe,CAAC,GAAAR,IAAA;EAChB,MAAMS,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEtB,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACxB,iBAAA,CAAAyB,cAAc;IACbN,MAAM,EAAEA,MAAO;IACfL,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbW,YAAY,EAAEA;EAAa,GAE3BzB,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACxB,iBAAA,CAAA2B,aAAa;IACZV,YAAY,EAAEA,YAAa;IAC3BW,QAAQ,EAAC,MAAM;IACfV,QAAQ,EAAEA;EAAS,GAElBL,UAAU,GACTZ,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACnB,OAAA,CAAAwB,MAAM;IACLjB,QAAQ,EAAEA,QAAS;IACnBI,wBAAwB,EAAEA,wBAAyB;IACnDH,UAAU,EAAEA;EAAW,CACxB,CAAC,GAEFZ,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACpB,KAAA,CAAA0B,IAAI;IAAClB,QAAQ,EAAEA;EAAS,CAAE,CAEhB,CACD,CAAC;AAErB,CAAC;AAACmB,OAAA,CAAAtB,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -1,28 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Tool = void 0;
|
|
7
|
+
var _client = require("@apollo/client");
|
|
8
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
9
|
+
var _monoI18n = require("@oanda/mono-i18n");
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _constant = require("../constant");
|
|
13
|
+
var _getSentimentList = require("../gql/getSentimentList");
|
|
14
|
+
var _graphql = require("../gql/types/graphql");
|
|
15
|
+
var _SortSwitch = require("./components/SortSwitch");
|
|
16
|
+
var _utils = require("./utils");
|
|
17
|
+
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); }
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
19
|
const Tool = _ref => {
|
|
12
20
|
let {
|
|
13
21
|
division
|
|
14
22
|
} = _ref;
|
|
15
23
|
const {
|
|
16
24
|
size
|
|
17
|
-
} = useLayoutProvider();
|
|
18
|
-
const isDesktop = size === Size.DESKTOP;
|
|
19
|
-
const [sort, setSort] = useState(Sort.Bullish);
|
|
20
|
-
const [sortedData, setSortedData] = useState(new Array(20).fill({}));
|
|
25
|
+
} = (0, _labsWidgetCommon.useLayoutProvider)();
|
|
26
|
+
const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
|
|
27
|
+
const [sort, setSort] = (0, _react.useState)(_graphql.Sort.Bullish);
|
|
28
|
+
const [sortedData, setSortedData] = (0, _react.useState)(new Array(20).fill({}));
|
|
21
29
|
const {
|
|
22
30
|
loading,
|
|
23
31
|
data,
|
|
24
32
|
error
|
|
25
|
-
} = useQuery(getSentimentList, {
|
|
33
|
+
} = (0, _client.useQuery)(_getSentimentList.getSentimentList, {
|
|
26
34
|
variables: {
|
|
27
35
|
division
|
|
28
36
|
},
|
|
@@ -30,63 +38,63 @@ const Tool = _ref => {
|
|
|
30
38
|
});
|
|
31
39
|
const {
|
|
32
40
|
lang
|
|
33
|
-
} = useLocale();
|
|
34
|
-
const [updatedTimestamp, setUpdatedTimestamp] = useState(EMPTY_VALUE);
|
|
35
|
-
useEffect(() => {
|
|
41
|
+
} = (0, _monoI18n.useLocale)();
|
|
42
|
+
const [updatedTimestamp, setUpdatedTimestamp] = (0, _react.useState)(_labsWidgetCommon.EMPTY_VALUE);
|
|
43
|
+
(0, _react.useEffect)(() => {
|
|
36
44
|
if (data) {
|
|
37
|
-
setSortedData(sortData(data, sort));
|
|
45
|
+
setSortedData((0, _utils.sortData)(data, sort));
|
|
38
46
|
setUpdatedTimestamp(data.sentimentList[0]?.updatedAt);
|
|
39
47
|
}
|
|
40
48
|
}, [data, sort]);
|
|
41
|
-
return
|
|
49
|
+
return _react.default.createElement(_react.default.Fragment, null, size && _react.default.createElement("div", {
|
|
42
50
|
className: "lw-relative lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary",
|
|
43
51
|
"data-testid": "sentiment-tool"
|
|
44
|
-
}, error || sortedData.length === 0 ?
|
|
52
|
+
}, error || sortedData.length === 0 ? _react.default.createElement("div", {
|
|
45
53
|
className: "lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary lw-p-2"
|
|
46
|
-
},
|
|
54
|
+
}, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
|
|
47
55
|
className: "lw-flex lw-justify-end lw-pb-5"
|
|
48
|
-
},
|
|
56
|
+
}, _react.default.createElement(_SortSwitch.SortSwitch, {
|
|
49
57
|
disabled: loading,
|
|
50
|
-
selected: sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN,
|
|
51
|
-
onClickButtonDown: () => setSort(Sort.Bearish),
|
|
52
|
-
onClickButtonUp: () => setSort(Sort.Bullish)
|
|
53
|
-
})),
|
|
58
|
+
selected: sort === _graphql.Sort.Bullish ? _SortSwitch.SelectedArrow.UP : _SortSwitch.SelectedArrow.DOWN,
|
|
59
|
+
onClickButtonDown: () => setSort(_graphql.Sort.Bearish),
|
|
60
|
+
onClickButtonUp: () => setSort(_graphql.Sort.Bullish)
|
|
61
|
+
})), _react.default.createElement("div", {
|
|
54
62
|
className: "lw-flex lw-flex-col lw-border lw-border-solid lw-border-border-primary lw-p-2"
|
|
55
|
-
},
|
|
63
|
+
}, _react.default.createElement("div", {
|
|
56
64
|
className: "lw-mb-2 lw-flex lw-justify-between lw-font-semibold"
|
|
57
|
-
},
|
|
58
|
-
className:
|
|
65
|
+
}, _react.default.createElement("span", {
|
|
66
|
+
className: (0, _classnames.default)('lw-uppercase', {
|
|
59
67
|
'lw-ml-40': isDesktop,
|
|
60
68
|
'lw-ml-[7.5rem]': !isDesktop
|
|
61
69
|
})
|
|
62
|
-
}, lang('net_short')),
|
|
63
|
-
className:
|
|
70
|
+
}, lang('net_short')), _react.default.createElement("span", {
|
|
71
|
+
className: (0, _classnames.default)('lw-text-right lw-uppercase', {
|
|
64
72
|
'lw-mr-10': isDesktop
|
|
65
73
|
})
|
|
66
|
-
}, lang('net_long'))), sortedData.map((item, index) =>
|
|
74
|
+
}, lang('net_long'))), sortedData.map((item, index) => _react.default.createElement("div", {
|
|
67
75
|
key: item.name || index,
|
|
68
76
|
className: "lw-flex lw-h-8 lw-w-full lw-items-center"
|
|
69
|
-
},
|
|
77
|
+
}, _react.default.createElement("div", {
|
|
70
78
|
className: "lw-w-[120px] lw-shrink-0"
|
|
71
|
-
}, loading ?
|
|
72
|
-
size: LoaderSize.md
|
|
73
|
-
}) :
|
|
79
|
+
}, loading ? _react.default.createElement(_labsWidgetCommon.Loader, {
|
|
80
|
+
size: _labsWidgetCommon.LoaderSize.md
|
|
81
|
+
}) : _react.default.createElement(_labsWidgetCommon.Truncate, {
|
|
74
82
|
className: "lw-pr-2 lw-font-sans lw-text-sm lw-font-bold",
|
|
75
83
|
maxWidth: 120,
|
|
76
84
|
text: item.displayName || '\u2014',
|
|
77
|
-
tooltipId: INSTRUMENT_TOOLTIP_ID
|
|
78
|
-
})),
|
|
79
|
-
height: SentimentHeight.md,
|
|
85
|
+
tooltipId: _constant.INSTRUMENT_TOOLTIP_ID
|
|
86
|
+
})), _react.default.createElement(_labsWidgetCommon.Sentiment, {
|
|
87
|
+
height: _labsWidgetCommon.SentimentHeight.md,
|
|
80
88
|
isLoading: loading,
|
|
81
89
|
sentiment: item.sentiment
|
|
82
|
-
}))))),
|
|
83
|
-
id: INSTRUMENT_TOOLTIP_ID
|
|
84
|
-
}), !error &&
|
|
90
|
+
}))))), _react.default.createElement(_labsWidgetCommon.Tooltip, {
|
|
91
|
+
id: _constant.INSTRUMENT_TOOLTIP_ID
|
|
92
|
+
}), !error && _react.default.createElement("div", {
|
|
85
93
|
className: "lw-mt-2 lw-h-8"
|
|
86
|
-
},
|
|
94
|
+
}, _react.default.createElement(_labsWidgetCommon.LastUpdated, {
|
|
87
95
|
labelCallback: lang,
|
|
88
96
|
timestamp: updatedTimestamp
|
|
89
97
|
}))));
|
|
90
98
|
};
|
|
91
|
-
|
|
99
|
+
exports.Tool = Tool;
|
|
92
100
|
//# sourceMappingURL=Tool.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tool.js","names":["useQuery","ChartError","EMPTY_VALUE","LastUpdated","Loader","LoaderSize","Sentiment","SentimentHeight","Size","Tooltip","Truncate","useLayoutProvider","useLocale","classNames","React","useEffect","useState","INSTRUMENT_TOOLTIP_ID","getSentimentList","Sort","SelectedArrow","SortSwitch","sortData","Tool","_ref","division","size","isDesktop","DESKTOP","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","fetchPolicy","lang","updatedTimestamp","setUpdatedTimestamp","sentimentList","updatedAt","createElement","Fragment","className","length","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","md","maxWidth","text","displayName","tooltipId","height","isLoading","sentiment","id","labelCallback","timestamp"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n ChartError,\n EMPTY_VALUE,\n LastUpdated,\n Loader,\n LoaderSize,\n Sentiment,\n SentimentHeight,\n Size,\n Tooltip,\n Truncate,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\n\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport type {\n GetSentimentListQuery,\n GetSentimentListQueryVariables,\n SentimentInstrument,\n} from '../gql/types/graphql';\nimport { Sort } from '../gql/types/graphql';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport type { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n const [sort, setSort] = useState(Sort.Bullish);\n const [sortedData, setSortedData] = useState<\n Omit<SentimentInstrument, 'id'>[]\n >(new Array(20).fill({}));\n const { loading, data, error } = useQuery<\n GetSentimentListQuery,\n GetSentimentListQueryVariables\n >(getSentimentList, {\n variables: {\n division,\n },\n fetchPolicy: 'cache-and-network',\n });\n\n const { lang } = useLocale();\n const [updatedTimestamp, setUpdatedTimestamp] = useState(EMPTY_VALUE);\n\n useEffect(() => {\n if (data) {\n setSortedData(sortData(data, sort));\n setUpdatedTimestamp(data.sentimentList![0]?.updatedAt);\n }\n }, [data, sort]);\n\n return (\n <>\n {size && (\n <div\n className=\"lw-relative lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary\"\n data-testid=\"sentiment-tool\"\n >\n {error || sortedData.length === 0 ? (\n <div className=\"lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary lw-p-2\">\n <ChartError />\n </div>\n ) : (\n <>\n <div className=\"lw-flex lw-justify-end lw-pb-5\">\n <SortSwitch\n disabled={loading}\n selected={\n sort === Sort.Bullish\n ? SelectedArrow.UP\n : SelectedArrow.DOWN\n }\n onClickButtonDown={() => setSort(Sort.Bearish)}\n onClickButtonUp={() => setSort(Sort.Bullish)}\n />\n </div>\n <div className=\"lw-flex lw-flex-col lw-border lw-border-solid lw-border-border-primary lw-p-2\">\n <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n <span\n className={classNames('lw-uppercase', {\n 'lw-ml-40': isDesktop,\n 'lw-ml-[7.5rem]': !isDesktop,\n })}\n >\n {lang('net_short')}\n </span>\n <span\n className={classNames('lw-text-right lw-uppercase', {\n 'lw-mr-10': isDesktop,\n })}\n >\n {lang('net_long')}\n </span>\n </div>\n {sortedData.map((item, index) => (\n <div\n key={item.name || index}\n className=\"lw-flex lw-h-8 lw-w-full lw-items-center\"\n >\n <div className=\"lw-w-[120px] lw-shrink-0\">\n {loading ? (\n <Loader size={LoaderSize.md} />\n ) : (\n <Truncate\n className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n maxWidth={120}\n text={item.displayName || '\\u2014'}\n tooltipId={INSTRUMENT_TOOLTIP_ID}\n />\n )}\n </div>\n <Sentiment\n height={SentimentHeight.md}\n isLoading={loading}\n sentiment={item.sentiment}\n />\n </div>\n ))}\n </div>\n </>\n )}\n <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n {!error && (\n <div className=\"lw-mt-2 lw-h-8\">\n <LastUpdated labelCallback={lang} timestamp={updatedTimestamp} />\n </div>\n )}\n </div>\n )}\n </>\n );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Tool.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_constant","_getSentimentList","_graphql","_SortSwitch","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Tool","_ref","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","sort","setSort","useState","Sort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","fetchPolicy","lang","useLocale","updatedTimestamp","setUpdatedTimestamp","EMPTY_VALUE","useEffect","sortData","sentimentList","updatedAt","createElement","Fragment","className","length","ChartError","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","classNames","map","item","index","key","name","Loader","LoaderSize","md","Truncate","maxWidth","text","displayName","tooltipId","INSTRUMENT_TOOLTIP_ID","Sentiment","height","SentimentHeight","isLoading","sentiment","Tooltip","id","LastUpdated","labelCallback","timestamp","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n ChartError,\n EMPTY_VALUE,\n LastUpdated,\n Loader,\n LoaderSize,\n Sentiment,\n SentimentHeight,\n Size,\n Tooltip,\n Truncate,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\n\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport type {\n GetSentimentListQuery,\n GetSentimentListQueryVariables,\n SentimentInstrument,\n} from '../gql/types/graphql';\nimport { Sort } from '../gql/types/graphql';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport type { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n const [sort, setSort] = useState(Sort.Bullish);\n const [sortedData, setSortedData] = useState<\n Omit<SentimentInstrument, 'id'>[]\n >(new Array(20).fill({}));\n const { loading, data, error } = useQuery<\n GetSentimentListQuery,\n GetSentimentListQueryVariables\n >(getSentimentList, {\n variables: {\n division,\n },\n fetchPolicy: 'cache-and-network',\n });\n\n const { lang } = useLocale();\n const [updatedTimestamp, setUpdatedTimestamp] = useState(EMPTY_VALUE);\n\n useEffect(() => {\n if (data) {\n setSortedData(sortData(data, sort));\n setUpdatedTimestamp(data.sentimentList![0]?.updatedAt);\n }\n }, [data, sort]);\n\n return (\n <>\n {size && (\n <div\n className=\"lw-relative lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary\"\n data-testid=\"sentiment-tool\"\n >\n {error || sortedData.length === 0 ? (\n <div className=\"lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary lw-p-2\">\n <ChartError />\n </div>\n ) : (\n <>\n <div className=\"lw-flex lw-justify-end lw-pb-5\">\n <SortSwitch\n disabled={loading}\n selected={\n sort === Sort.Bullish\n ? SelectedArrow.UP\n : SelectedArrow.DOWN\n }\n onClickButtonDown={() => setSort(Sort.Bearish)}\n onClickButtonUp={() => setSort(Sort.Bullish)}\n />\n </div>\n <div className=\"lw-flex lw-flex-col lw-border lw-border-solid lw-border-border-primary lw-p-2\">\n <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n <span\n className={classNames('lw-uppercase', {\n 'lw-ml-40': isDesktop,\n 'lw-ml-[7.5rem]': !isDesktop,\n })}\n >\n {lang('net_short')}\n </span>\n <span\n className={classNames('lw-text-right lw-uppercase', {\n 'lw-mr-10': isDesktop,\n })}\n >\n {lang('net_long')}\n </span>\n </div>\n {sortedData.map((item, index) => (\n <div\n key={item.name || index}\n className=\"lw-flex lw-h-8 lw-w-full lw-items-center\"\n >\n <div className=\"lw-w-[120px] lw-shrink-0\">\n {loading ? (\n <Loader size={LoaderSize.md} />\n ) : (\n <Truncate\n className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n maxWidth={120}\n text={item.displayName || '\\u2014'}\n tooltipId={INSTRUMENT_TOOLTIP_ID}\n />\n )}\n </div>\n <Sentiment\n height={SentimentHeight.md}\n isLoading={loading}\n sentiment={item.sentiment}\n />\n </div>\n ))}\n </div>\n </>\n )}\n <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n {!error && (\n <div className=\"lw-mt-2 lw-h-8\">\n <LastUpdated labelCallback={lang} timestamp={updatedTimestamp} />\n </div>\n )}\n </div>\n )}\n </>\n );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Widget = void 0;
|
|
7
|
+
var _client = require("@apollo/client");
|
|
8
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
9
|
+
var _monoI18n = require("@oanda/mono-i18n");
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _constant = require("../constant");
|
|
13
|
+
var _getInstrumentSentiment = require("../gql/getInstrumentSentiment");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
15
|
const Widget = _ref => {
|
|
9
16
|
let {
|
|
10
17
|
instrument,
|
|
@@ -15,7 +22,7 @@ const Widget = _ref => {
|
|
|
15
22
|
loading,
|
|
16
23
|
data,
|
|
17
24
|
error
|
|
18
|
-
} = useQuery(getInstrumentSentiment, {
|
|
25
|
+
} = (0, _client.useQuery)(_getInstrumentSentiment.getInstrumentSentiment, {
|
|
19
26
|
variables: {
|
|
20
27
|
name: instrument,
|
|
21
28
|
division
|
|
@@ -24,53 +31,53 @@ const Widget = _ref => {
|
|
|
24
31
|
});
|
|
25
32
|
const {
|
|
26
33
|
size
|
|
27
|
-
} = useLayoutProvider();
|
|
28
|
-
const isDesktop = size === Size.DESKTOP;
|
|
34
|
+
} = (0, _labsWidgetCommon.useLayoutProvider)();
|
|
35
|
+
const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
|
|
29
36
|
const {
|
|
30
37
|
lang
|
|
31
|
-
} = useLocale();
|
|
38
|
+
} = (0, _monoI18n.useLocale)();
|
|
32
39
|
const {
|
|
33
40
|
displayName,
|
|
34
41
|
sentiment,
|
|
35
42
|
updatedAt
|
|
36
43
|
} = data?.sentiment?.[0] || {};
|
|
37
44
|
const isError = error || sentiment?.shortPercent === 0 && sentiment?.longPercent === 0 || sentiment?.shortPercent === undefined || sentiment?.longPercent === undefined;
|
|
38
|
-
return
|
|
45
|
+
return _react.default.createElement(_react.default.Fragment, null, size && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
|
|
39
46
|
className: "lw-border lw-border-solid lw-border-border-primary lw-bg-bg-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary",
|
|
40
47
|
"data-testid": "sentiment-widget"
|
|
41
|
-
}, includeDescriptionLabels && !isError &&
|
|
48
|
+
}, includeDescriptionLabels && !isError && _react.default.createElement("div", {
|
|
42
49
|
className: "lw-mb-2 lw-flex lw-justify-between lw-font-semibold"
|
|
43
|
-
},
|
|
44
|
-
className:
|
|
50
|
+
}, _react.default.createElement("span", {
|
|
51
|
+
className: (0, _classnames.default)('lw-uppercase', {
|
|
45
52
|
'lw-ml-40': isDesktop,
|
|
46
53
|
'lw-ml-[7.5rem]': !isDesktop
|
|
47
54
|
})
|
|
48
|
-
}, lang('net_short')),
|
|
49
|
-
className:
|
|
55
|
+
}, lang('net_short')), _react.default.createElement("span", {
|
|
56
|
+
className: (0, _classnames.default)('lw-text-right lw-uppercase', {
|
|
50
57
|
'lw-mr-10': isDesktop
|
|
51
58
|
})
|
|
52
|
-
}, lang('net_long'))),
|
|
59
|
+
}, lang('net_long'))), _react.default.createElement("div", {
|
|
53
60
|
className: "lw-flex lw-items-center lw-justify-between"
|
|
54
|
-
},
|
|
61
|
+
}, _react.default.createElement("div", {
|
|
55
62
|
className: "lw-w-[120px] lw-shrink-0"
|
|
56
|
-
}, loading &&
|
|
57
|
-
size: LoaderSize.md
|
|
58
|
-
}), !loading && !isError &&
|
|
63
|
+
}, loading && _react.default.createElement(_labsWidgetCommon.Loader, {
|
|
64
|
+
size: _labsWidgetCommon.LoaderSize.md
|
|
65
|
+
}), !loading && !isError && _react.default.createElement(_labsWidgetCommon.Truncate, {
|
|
59
66
|
className: "lw-pr-2 lw-font-sans lw-text-sm lw-font-bold",
|
|
60
67
|
maxWidth: 120,
|
|
61
68
|
text: displayName || '\u2014',
|
|
62
|
-
tooltipId: INSTRUMENT_TOOLTIP_ID
|
|
63
|
-
})),
|
|
64
|
-
height: SentimentHeight.md,
|
|
69
|
+
tooltipId: _constant.INSTRUMENT_TOOLTIP_ID
|
|
70
|
+
})), _react.default.createElement(_labsWidgetCommon.Sentiment, {
|
|
71
|
+
height: _labsWidgetCommon.SentimentHeight.md,
|
|
65
72
|
isLoading: loading,
|
|
66
73
|
sentiment: sentiment,
|
|
67
74
|
withError: false
|
|
68
|
-
})), !loading && isError &&
|
|
75
|
+
})), !loading && isError && _react.default.createElement(_labsWidgetCommon.Error, null)), !isError && updatedAt && _react.default.createElement("div", {
|
|
69
76
|
className: "lw-mt-2 lw-h-8"
|
|
70
|
-
},
|
|
77
|
+
}, _react.default.createElement(_labsWidgetCommon.LastUpdated, {
|
|
71
78
|
labelCallback: lang,
|
|
72
79
|
timestamp: updatedAt
|
|
73
80
|
}))));
|
|
74
81
|
};
|
|
75
|
-
|
|
82
|
+
exports.Widget = Widget;
|
|
76
83
|
//# sourceMappingURL=Widget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Widget.js","names":["
|
|
1
|
+
{"version":3,"file":"Widget.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_classnames","_interopRequireDefault","_react","_constant","_getInstrumentSentiment","e","__esModule","default","Widget","_ref","instrument","division","includeDescriptionLabels","loading","data","error","useQuery","getInstrumentSentiment","variables","name","fetchPolicy","size","useLayoutProvider","isDesktop","Size","DESKTOP","lang","useLocale","displayName","sentiment","updatedAt","isError","shortPercent","longPercent","undefined","createElement","Fragment","className","classNames","Loader","LoaderSize","md","Truncate","maxWidth","text","tooltipId","INSTRUMENT_TOOLTIP_ID","Sentiment","height","SentimentHeight","isLoading","withError","Error","LastUpdated","labelCallback","timestamp","exports"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n Error,\n LastUpdated,\n Loader,\n LoaderSize,\n Sentiment,\n SentimentHeight,\n Size,\n Truncate,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport type {\n GetInstrumentSentimentQuery,\n GetInstrumentSentimentQueryVariables,\n} from '../gql/types/graphql';\nimport type { SentimentWidgetConfig } from './types';\n\nconst Widget = ({\n instrument,\n division,\n includeDescriptionLabels = false,\n}: SentimentWidgetConfig) => {\n const { loading, data, error } = useQuery<\n GetInstrumentSentimentQuery,\n GetInstrumentSentimentQueryVariables\n >(getInstrumentSentiment, {\n variables: {\n name: instrument,\n division,\n },\n fetchPolicy: 'cache-and-network',\n });\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n const { lang } = useLocale();\n\n const { displayName, sentiment, updatedAt } = data?.sentiment?.[0] || {};\n\n const isError =\n error ||\n (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0) ||\n sentiment?.shortPercent === undefined ||\n sentiment?.longPercent === undefined;\n\n return (\n <>\n {size && (\n <>\n <div\n className=\"lw-border lw-border-solid lw-border-border-primary lw-bg-bg-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary\"\n data-testid=\"sentiment-widget\"\n >\n {includeDescriptionLabels && !isError && (\n <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n <span\n className={classNames('lw-uppercase', {\n 'lw-ml-40': isDesktop,\n 'lw-ml-[7.5rem]': !isDesktop,\n })}\n >\n {lang('net_short')}\n </span>\n <span\n className={classNames('lw-text-right lw-uppercase', {\n 'lw-mr-10': isDesktop,\n })}\n >\n {lang('net_long')}\n </span>\n </div>\n )}\n <div className=\"lw-flex lw-items-center lw-justify-between\">\n <div className=\"lw-w-[120px] lw-shrink-0\">\n {loading && <Loader size={LoaderSize.md} />}\n {!loading && !isError && (\n <Truncate\n className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n maxWidth={120}\n text={displayName || '\\u2014'}\n tooltipId={INSTRUMENT_TOOLTIP_ID}\n />\n )}\n </div>\n <Sentiment\n height={SentimentHeight.md}\n isLoading={loading}\n sentiment={sentiment}\n withError={false}\n />\n </div>\n\n {!loading && isError && <Error />}\n </div>\n {!isError && updatedAt && (\n <div className=\"lw-mt-2 lw-h-8\">\n <LastUpdated labelCallback={lang} timestamp={updatedAt} />\n </div>\n )}\n </>\n )}\n </>\n );\n};\n\nexport { Widget };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SortSwitch = void 0;
|
|
7
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
8
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _types = require("./types");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
5
12
|
const SortSwitch = _ref => {
|
|
6
13
|
let {
|
|
7
14
|
onClickButtonDown,
|
|
@@ -11,45 +18,45 @@ const SortSwitch = _ref => {
|
|
|
11
18
|
} = _ref;
|
|
12
19
|
const {
|
|
13
20
|
isDark
|
|
14
|
-
} = useLayoutProvider();
|
|
15
|
-
return
|
|
16
|
-
className:
|
|
21
|
+
} = (0, _labsWidgetCommon.useLayoutProvider)();
|
|
22
|
+
return _react.default.createElement("div", {
|
|
23
|
+
className: (0, _classnames.default)('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal', {
|
|
17
24
|
'lw-border-border-disabled': disabled,
|
|
18
25
|
'lw-border-secondary': !disabled
|
|
19
26
|
}),
|
|
20
27
|
"data-testid": "sort-switch"
|
|
21
|
-
},
|
|
22
|
-
className:
|
|
28
|
+
}, _react.default.createElement("button", {
|
|
29
|
+
className: (0, _classnames.default)('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-solid focus:lw-outline-secondary [&:enabled:hover>*]:-lw-translate-y-1', {
|
|
23
30
|
'lw-border-r-[1px] lw-border-r-border-disabled': disabled,
|
|
24
|
-
'lw-bg-secondary': selected === SelectedArrow.UP && !disabled
|
|
31
|
+
'lw-bg-secondary': selected === _types.SelectedArrow.UP && !disabled
|
|
25
32
|
}),
|
|
26
33
|
"data-testid": "sort-switch-button-up",
|
|
27
|
-
disabled: disabled || selected === SelectedArrow.UP,
|
|
34
|
+
disabled: disabled || selected === _types.SelectedArrow.UP,
|
|
28
35
|
type: "button",
|
|
29
36
|
onClick: onClickButtonUp
|
|
30
|
-
},
|
|
31
|
-
className:
|
|
37
|
+
}, _react.default.createElement(_labsWidgetCommon.LongArrowUp, {
|
|
38
|
+
className: (0, _classnames.default)('lw-transition-transform', {
|
|
32
39
|
'lw-stroke-border-disabled': disabled,
|
|
33
|
-
'lw-stroke-secondary': selected !== SelectedArrow.UP && !disabled,
|
|
34
|
-
'lw-stroke-bg-primary': selected === SelectedArrow.UP && !disabled && isDark,
|
|
35
|
-
'lw-stroke-ok': selected === SelectedArrow.UP && !disabled && !isDark
|
|
40
|
+
'lw-stroke-secondary': selected !== _types.SelectedArrow.UP && !disabled,
|
|
41
|
+
'lw-stroke-bg-primary': selected === _types.SelectedArrow.UP && !disabled && isDark,
|
|
42
|
+
'lw-stroke-ok': selected === _types.SelectedArrow.UP && !disabled && !isDark
|
|
36
43
|
})
|
|
37
|
-
})),
|
|
38
|
-
className:
|
|
39
|
-
'lw-bg-secondary': selected === SelectedArrow.DOWN && !disabled
|
|
44
|
+
})), _react.default.createElement("button", {
|
|
45
|
+
className: (0, _classnames.default)('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center focus:lw-outline-secondary [&:enabled:hover>*]:lw-translate-y-1', {
|
|
46
|
+
'lw-bg-secondary': selected === _types.SelectedArrow.DOWN && !disabled
|
|
40
47
|
}),
|
|
41
48
|
"data-testid": "sort-switch-button-down",
|
|
42
|
-
disabled: disabled || selected === SelectedArrow.DOWN,
|
|
49
|
+
disabled: disabled || selected === _types.SelectedArrow.DOWN,
|
|
43
50
|
type: "button",
|
|
44
51
|
onClick: onClickButtonDown
|
|
45
|
-
},
|
|
46
|
-
className:
|
|
52
|
+
}, _react.default.createElement(_labsWidgetCommon.LongArrowDown, {
|
|
53
|
+
className: (0, _classnames.default)('lw-transition-transform', {
|
|
47
54
|
'lw-stroke-border-disabled': disabled,
|
|
48
|
-
'lw-stroke-secondary': selected !== SelectedArrow.DOWN && !disabled,
|
|
49
|
-
'lw-stroke-bg-primary': selected === SelectedArrow.DOWN && !disabled && isDark,
|
|
50
|
-
'lw-stroke-ok': selected === SelectedArrow.DOWN && !disabled && !isDark
|
|
55
|
+
'lw-stroke-secondary': selected !== _types.SelectedArrow.DOWN && !disabled,
|
|
56
|
+
'lw-stroke-bg-primary': selected === _types.SelectedArrow.DOWN && !disabled && isDark,
|
|
57
|
+
'lw-stroke-ok': selected === _types.SelectedArrow.DOWN && !disabled && !isDark
|
|
51
58
|
})
|
|
52
59
|
})));
|
|
53
60
|
};
|
|
54
|
-
|
|
61
|
+
exports.SortSwitch = SortSwitch;
|
|
55
62
|
//# sourceMappingURL=SortSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortSwitch.js","names":["
|
|
1
|
+
{"version":3,"file":"SortSwitch.js","names":["_labsWidgetCommon","require","_classnames","_interopRequireDefault","_react","_types","e","__esModule","default","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","isDark","useLayoutProvider","createElement","className","classnames","SelectedArrow","UP","type","onClick","LongArrowUp","DOWN","LongArrowDown","exports"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import {\n LongArrowDown,\n LongArrowUp,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport type { SortSwitchProps } from './types';\nimport { SelectedArrow } from './types';\n\nconst SortSwitch = ({\n onClickButtonDown,\n onClickButtonUp,\n selected,\n disabled,\n}: SortSwitchProps) => {\n const { isDark } = useLayoutProvider();\n\n return (\n <div\n className={classnames(\n 'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal',\n {\n 'lw-border-border-disabled': disabled,\n 'lw-border-secondary': !disabled,\n }\n )}\n data-testid=\"sort-switch\"\n >\n <button\n className={classnames(\n 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-solid focus:lw-outline-secondary [&:enabled:hover>*]:-lw-translate-y-1',\n {\n 'lw-border-r-[1px] lw-border-r-border-disabled': disabled,\n 'lw-bg-secondary': selected === SelectedArrow.UP && !disabled,\n }\n )}\n data-testid=\"sort-switch-button-up\"\n disabled={disabled || selected === SelectedArrow.UP}\n type=\"button\"\n onClick={onClickButtonUp}\n >\n <LongArrowUp\n className={classnames('lw-transition-transform', {\n 'lw-stroke-border-disabled': disabled,\n 'lw-stroke-secondary': selected !== SelectedArrow.UP && !disabled,\n 'lw-stroke-bg-primary':\n selected === SelectedArrow.UP && !disabled && isDark,\n 'lw-stroke-ok':\n selected === SelectedArrow.UP && !disabled && !isDark,\n })}\n />\n </button>\n <button\n className={classnames(\n 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center focus:lw-outline-secondary [&:enabled:hover>*]:lw-translate-y-1',\n {\n 'lw-bg-secondary': selected === SelectedArrow.DOWN && !disabled,\n }\n )}\n data-testid=\"sort-switch-button-down\"\n disabled={disabled || selected === SelectedArrow.DOWN}\n type=\"button\"\n onClick={onClickButtonDown}\n >\n <LongArrowDown\n className={classnames('lw-transition-transform', {\n 'lw-stroke-border-disabled': disabled,\n 'lw-stroke-secondary': selected !== SelectedArrow.DOWN && !disabled,\n 'lw-stroke-bg-primary':\n selected === SelectedArrow.DOWN && !disabled && isDark,\n 'lw-stroke-ok':\n selected === SelectedArrow.DOWN && !disabled && !isDark,\n })}\n />\n </button>\n </div>\n );\n};\n\nexport { SortSwitch };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAGA,IAAAI,MAAA,GAAAJ,OAAA;AAAwC,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,UAAU,GAAGC,IAAA,IAKI;EAAA,IALH;IAClBC,iBAAiB;IACjBC,eAAe;IACfC,QAAQ;IACRC;EACe,CAAC,GAAAJ,IAAA;EAChB,MAAM;IAAEK;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEtC,OACEZ,MAAA,CAAAI,OAAA,CAAAS,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,+FAA+F,EAC/F;MACE,2BAA2B,EAAEL,QAAQ;MACrC,qBAAqB,EAAE,CAACA;IAC1B,CACF,CAAE;IACF,eAAY;EAAa,GAEzBV,MAAA,CAAAI,OAAA,CAAAS,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,uJAAuJ,EACvJ;MACE,+CAA+C,EAAEL,QAAQ;MACzD,iBAAiB,EAAED,QAAQ,KAAKO,oBAAa,CAACC,EAAE,IAAI,CAACP;IACvD,CACF,CAAE;IACF,eAAY,uBAAuB;IACnCA,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKO,oBAAa,CAACC,EAAG;IACpDC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEX;EAAgB,GAEzBR,MAAA,CAAAI,OAAA,CAAAS,aAAA,CAACjB,iBAAA,CAAAwB,WAAW;IACVN,SAAS,EAAE,IAAAC,mBAAU,EAAC,yBAAyB,EAAE;MAC/C,2BAA2B,EAAEL,QAAQ;MACrC,qBAAqB,EAAED,QAAQ,KAAKO,oBAAa,CAACC,EAAE,IAAI,CAACP,QAAQ;MACjE,sBAAsB,EACpBD,QAAQ,KAAKO,oBAAa,CAACC,EAAE,IAAI,CAACP,QAAQ,IAAIC,MAAM;MACtD,cAAc,EACZF,QAAQ,KAAKO,oBAAa,CAACC,EAAE,IAAI,CAACP,QAAQ,IAAI,CAACC;IACnD,CAAC;EAAE,CACJ,CACK,CAAC,EACTX,MAAA,CAAAI,OAAA,CAAAS,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,oJAAoJ,EACpJ;MACE,iBAAiB,EAAEN,QAAQ,KAAKO,oBAAa,CAACK,IAAI,IAAI,CAACX;IACzD,CACF,CAAE;IACF,eAAY,yBAAyB;IACrCA,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKO,oBAAa,CAACK,IAAK;IACtDH,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEZ;EAAkB,GAE3BP,MAAA,CAAAI,OAAA,CAAAS,aAAA,CAACjB,iBAAA,CAAA0B,aAAa;IACZR,SAAS,EAAE,IAAAC,mBAAU,EAAC,yBAAyB,EAAE;MAC/C,2BAA2B,EAAEL,QAAQ;MACrC,qBAAqB,EAAED,QAAQ,KAAKO,oBAAa,CAACK,IAAI,IAAI,CAACX,QAAQ;MACnE,sBAAsB,EACpBD,QAAQ,KAAKO,oBAAa,CAACK,IAAI,IAAI,CAACX,QAAQ,IAAIC,MAAM;MACxD,cAAc,EACZF,QAAQ,KAAKO,oBAAa,CAACK,IAAI,IAAI,CAACX,QAAQ,IAAI,CAACC;IACrD,CAAC;EAAE,CACJ,CACK,CACL,CAAC;AAEV,CAAC;AAACY,OAAA,CAAAlB,UAAA,GAAAA,UAAA","ignoreList":[]}
|
|
@@ -1,3 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _SortSwitch = require("./SortSwitch");
|
|
7
|
+
Object.keys(_SortSwitch).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _SortSwitch[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _SortSwitch[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/SentimentWidget/components/SortSwitch/index.ts"],"sourcesContent":["export * from './SortSwitch';\nexport * from './types';\n"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_SortSwitch","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_types"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/index.ts"],"sourcesContent":["export * from './SortSwitch';\nexport * from './types';\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,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,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectedArrow = void 0;
|
|
7
|
+
let SelectedArrow = exports.SelectedArrow = function (SelectedArrow) {
|
|
2
8
|
SelectedArrow["UP"] = "up";
|
|
3
9
|
SelectedArrow["DOWN"] = "down";
|
|
4
10
|
return SelectedArrow;
|