@oanda/labs-sentiment-widget 1.0.28 → 1.0.29

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.
Files changed (17) hide show
  1. package/CHANGELOG.md +104 -0
  2. package/dist/main/SentimentWidget/Tool.js +1 -1
  3. package/dist/main/SentimentWidget/Tool.js.map +1 -1
  4. package/dist/main/SentimentWidget/Widget.js +1 -1
  5. package/dist/main/SentimentWidget/Widget.js.map +1 -1
  6. package/dist/main/SentimentWidget/components/SortSwitch/SortSwitch.js +3 -3
  7. package/dist/main/SentimentWidget/components/SortSwitch/SortSwitch.js.map +1 -1
  8. package/dist/module/SentimentWidget/Tool.js +1 -1
  9. package/dist/module/SentimentWidget/Tool.js.map +1 -1
  10. package/dist/module/SentimentWidget/Widget.js +1 -1
  11. package/dist/module/SentimentWidget/Widget.js.map +1 -1
  12. package/dist/module/SentimentWidget/components/SortSwitch/SortSwitch.js +3 -3
  13. package/dist/module/SentimentWidget/components/SortSwitch/SortSwitch.js.map +1 -1
  14. package/package.json +3 -3
  15. package/src/SentimentWidget/Tool.tsx +1 -1
  16. package/src/SentimentWidget/Widget.tsx +1 -1
  17. package/src/SentimentWidget/components/SortSwitch/SortSwitch.tsx +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,110 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 1.0.29 (2023-10-19)
7
+
8
+
9
+
10
+ ## 1.0.28 (2023-10-19)
11
+
12
+
13
+
14
+ ## 1.0.27 (2023-10-18)
15
+
16
+
17
+
18
+ ## 1.0.26 (2023-10-18)
19
+
20
+
21
+
22
+ ## 1.0.25 (2023-10-17)
23
+
24
+
25
+
26
+ ## 1.0.24 (2023-10-13)
27
+
28
+
29
+
30
+ ## 1.0.23 (2023-10-13)
31
+
32
+
33
+
34
+ ## 1.0.22 (2023-10-11)
35
+
36
+
37
+
38
+ ## 1.0.21 (2023-10-10)
39
+
40
+
41
+
42
+ ## 1.0.20 (2023-10-06)
43
+
44
+
45
+
46
+ ## 1.0.19 (2023-10-06)
47
+
48
+
49
+
50
+ ## 1.0.18 (2023-10-05)
51
+
52
+
53
+
54
+ ## 1.0.17 (2023-10-04)
55
+
56
+
57
+
58
+ ## 1.0.16 (2023-10-04)
59
+
60
+
61
+
62
+ ## 1.0.15 (2023-10-04)
63
+
64
+
65
+
66
+ ## 1.0.14 (2023-10-03)
67
+
68
+
69
+
70
+ ## 1.0.13 (2023-10-03)
71
+
72
+
73
+
74
+ ## 1.0.12 (2023-10-03)
75
+
76
+
77
+
78
+ ## 1.0.11 (2023-10-02)
79
+
80
+
81
+
82
+ ## 1.0.10 (2023-09-29)
83
+
84
+
85
+
86
+ ## 1.0.9 (2023-09-28)
87
+
88
+
89
+
90
+ ## 1.0.8 (2023-09-27)
91
+
92
+
93
+
94
+ ## 1.0.7 (2023-09-26)
95
+
96
+
97
+
98
+ ## 1.0.6 (2023-09-21)
99
+
100
+
101
+
102
+ ## 1.0.5 (2023-09-13)
103
+
104
+ **Note:** Version bump only for package @oanda/labs-sentiment-widget
105
+
106
+
107
+
108
+
109
+
6
110
  ## 1.0.28 (2023-10-19)
7
111
 
8
112
 
package/dist/main/SentimentWidget/Tool.js CHANGED
@@ -35,7 +35,7 @@ const Tool = _ref => {
35
35
  }, [data, sort]);
36
36
  return _react.default.createElement("div", {
37
37
  "data-testid": "sentiment-tool",
38
- className: "lw-text-sm lw-text-black"
38
+ className: "lw-text-sm lw-tracking-normal lw-text-black"
39
39
  }, error || sortedData.length === 0 ? _react.default.createElement("div", {
40
40
  className: "lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2"
41
41
  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
package/dist/main/SentimentWidget/Tool.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_client","_getSentimentList","_utils","_SortSwitch","_graphql","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Tool","_ref","division","sort","setSort","useState","Sort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","useEffect","sortData","createElement","className","length","ChartError","Fragment","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","Loader","size","LoaderSize","md","Sentiment","isLoading","height","SentimentHeight","sentiment","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n Sentiment, SentimentHeight, Loader, LoaderSize, ChartError,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport {\n GetSentimentListQuery, GetSentimentListQueryVariables, SentimentInstrument, Sort,\n} from '../gql/types/graphql';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n const [sort, setSort] = useState(Sort.Bullish);\n const [sortedData, setSortedData] = useState<Omit<SentimentInstrument, 'id'>[]>(new Array(20).fill({}));\n const { loading, data, error } = useQuery<\n GetSentimentListQuery,\n GetSentimentListQueryVariables\n >(getSentimentList, {\n variables: {\n division,\n },\n });\n\n useEffect(() => {\n if (data) {\n setSortedData(sortData(data, sort));\n }\n }, [data, sort]);\n\n return (\n <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-text-black\">\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-grey 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={sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\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-grey lw-p-2\">\n {sortedData.map((item, index) => (\n <div className=\"lw-flex lw-h-8 lw-w-full lw-items-center\" key={item.name || index}>\n <div className=\"lw-w-[120px] lw-shrink-0\">\n {loading ? (\n <Loader size={LoaderSize.md} />\n ) : (\n <span className=\"lw-truncate lw-font-sans lw-text-sm lw-font-bold\">{item.name || '\\u2014'}</span>\n )}\n </div>\n <Sentiment\n isLoading={loading}\n height={SentimentHeight.md}\n sentiment={item.sentiment}\n />\n </div>\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nexport { Tool };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_client","_getSentimentList","_utils","_SortSwitch","_graphql","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Tool","_ref","division","sort","setSort","useState","Sort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","useEffect","sortData","createElement","className","length","ChartError","Fragment","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","Loader","size","LoaderSize","md","Sentiment","isLoading","height","SentimentHeight","sentiment","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n Sentiment, SentimentHeight, Loader, LoaderSize, ChartError,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport {\n GetSentimentListQuery, GetSentimentListQueryVariables, SentimentInstrument, Sort,\n} from '../gql/types/graphql';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n const [sort, setSort] = useState(Sort.Bullish);\n const [sortedData, setSortedData] = useState<Omit<SentimentInstrument, 'id'>[]>(new Array(20).fill({}));\n const { loading, data, error } = useQuery<\n GetSentimentListQuery,\n GetSentimentListQueryVariables\n >(getSentimentList, {\n variables: {\n division,\n },\n });\n\n useEffect(() => {\n if (data) {\n setSortedData(sortData(data, sort));\n }\n }, [data, sort]);\n\n return (\n <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-tracking-normal lw-text-black\">\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-grey 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={sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\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-grey lw-p-2\">\n {sortedData.map((item, index) => (\n <div className=\"lw-flex lw-h-8 lw-w-full lw-items-center\" key={item.name || index}>\n <div className=\"lw-w-[120px] lw-shrink-0\">\n {loading ? (\n <Loader size={LoaderSize.md} />\n ) : (\n <span className=\"lw-truncate lw-font-sans lw-text-sm lw-font-bold\">{item.name || '\\u2014'}</span>\n )}\n </div>\n <Sentiment\n isLoading={loading}\n height={SentimentHeight.md}\n sentiment={item.sentiment}\n />\n </div>\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nexport { Tool };\n"],"mappings":"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"}
package/dist/main/SentimentWidget/Widget.js CHANGED
@@ -30,7 +30,7 @@ const Widget = _ref => {
30
30
  const isError = error || sentiment?.shortPercent === 0 && sentiment?.longPercent === 0 || sentiment?.shortPercent === undefined || sentiment?.longPercent === undefined;
31
31
  return _react.default.createElement("div", {
32
32
  "data-testid": "sentiment-widget",
33
- className: "lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-text-black"
33
+ className: "lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-tracking-normal lw-text-black"
34
34
  }, !loading ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
35
35
  className: "lw-mr-12 lw-font-sans lw-font-bold"
36
36
  }, instrument), !isError && _react.default.createElement(_labsWidgetCommon.Sentiment, {
package/dist/main/SentimentWidget/Widget.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Widget.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","_client","_getInstrumentSentiment","obj","__esModule","default","Widget","_ref","instrument","division","loading","data","error","useQuery","getInstrumentSentiment","variables","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","Fragment","Sentiment","height","SentimentHeight","md","Error","Spinner","exports"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Sentiment, SentimentHeight, Spinner, Error,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport { SentimentWidgetConfig } from './types';\nimport { GetInstrumentSentimentQuery, GetInstrumentSentimentQueryVariables } from '../gql/types/graphql';\n\nconst Widget = ({ instrument, division }: SentimentWidgetConfig) => {\n const { loading, data, error } = useQuery<\n GetInstrumentSentimentQuery,\n GetInstrumentSentimentQueryVariables\n >(getInstrumentSentiment, {\n variables: {\n name: instrument,\n division,\n },\n });\n\n const { sentiment } = data?.sentiment?.[0] || {};\n const isError = error\n || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n || sentiment?.shortPercent === undefined\n || sentiment?.longPercent === undefined;\n\n return (\n <div data-testid=\"sentiment-widget\" className=\"lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-text-black\">\n {!loading\n ? (\n <>\n <span className=\"lw-mr-12 lw-font-sans lw-font-bold\">{instrument}</span>\n {!isError && <Sentiment height={SentimentHeight.md} sentiment={sentiment} />}\n {isError && <Error />}\n </>\n ) : <Spinner />}\n </div>\n );\n};\n\nexport { Widget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAAuE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIvE,MAAMG,MAAM,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,UAAU;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,8CAAsB,EAAE;IACxBC,SAAS,EAAE;MACTC,IAAI,EAAER,UAAU;MAChBC;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEQ;EAAU,CAAC,GAAGN,IAAI,EAAEM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;EAChD,MAAMC,OAAO,GAAGN,KAAK,IACfK,SAAS,EAAEE,YAAY,KAAK,CAAC,IAAIF,SAAS,EAAEG,WAAW,KAAK,CAAE,IAC/DH,SAAS,EAAEE,YAAY,KAAKE,SAAS,IACrCJ,SAAS,EAAEG,WAAW,KAAKC,SAAS;EAEzC,OACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAAqH,GAChK,CAACb,OAAO,GAELb,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAAAzB,MAAA,CAAAQ,OAAA,CAAAmB,QAAA,QACE3B,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAC;EAAoC,GAAEf,UAAiB,CAAC,EACvE,CAACU,OAAO,IAAIrB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAAyB,SAAS;IAACC,MAAM,EAAEC,iCAAe,CAACC,EAAG;IAACX,SAAS,EAAEA;EAAU,CAAE,CAAC,EAC3EC,OAAO,IAAIrB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAA6B,KAAK,MAAE,CACpB,CAAC,GACDhC,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAA8B,OAAO,MAAE,CACb,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAzB,MAAA,GAAAA,MAAA"}
1
+ {"version":3,"file":"Widget.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","_client","_getInstrumentSentiment","obj","__esModule","default","Widget","_ref","instrument","division","loading","data","error","useQuery","getInstrumentSentiment","variables","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","Fragment","Sentiment","height","SentimentHeight","md","Error","Spinner","exports"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Sentiment, SentimentHeight, Spinner, Error,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport { SentimentWidgetConfig } from './types';\nimport { GetInstrumentSentimentQuery, GetInstrumentSentimentQueryVariables } from '../gql/types/graphql';\n\nconst Widget = ({ instrument, division }: SentimentWidgetConfig) => {\n const { loading, data, error } = useQuery<\n GetInstrumentSentimentQuery,\n GetInstrumentSentimentQueryVariables\n >(getInstrumentSentiment, {\n variables: {\n name: instrument,\n division,\n },\n });\n\n const { sentiment } = data?.sentiment?.[0] || {};\n const isError = error\n || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n || sentiment?.shortPercent === undefined\n || sentiment?.longPercent === undefined;\n\n return (\n <div data-testid=\"sentiment-widget\" className=\"lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-tracking-normal lw-text-black\">\n {!loading\n ? (\n <>\n <span className=\"lw-mr-12 lw-font-sans lw-font-bold\">{instrument}</span>\n {!isError && <Sentiment height={SentimentHeight.md} sentiment={sentiment} />}\n {isError && <Error />}\n </>\n ) : <Spinner />}\n </div>\n );\n};\n\nexport { Widget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAAuE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIvE,MAAMG,MAAM,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,UAAU;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,8CAAsB,EAAE;IACxBC,SAAS,EAAE;MACTC,IAAI,EAAER,UAAU;MAChBC;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEQ;EAAU,CAAC,GAAGN,IAAI,EAAEM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;EAChD,MAAMC,OAAO,GAAGN,KAAK,IACfK,SAAS,EAAEE,YAAY,KAAK,CAAC,IAAIF,SAAS,EAAEG,WAAW,KAAK,CAAE,IAC/DH,SAAS,EAAEE,YAAY,KAAKE,SAAS,IACrCJ,SAAS,EAAEG,WAAW,KAAKC,SAAS;EAEzC,OACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAAwI,GACnL,CAACb,OAAO,GAELb,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAAAzB,MAAA,CAAAQ,OAAA,CAAAmB,QAAA,QACE3B,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAC;EAAoC,GAAEf,UAAiB,CAAC,EACvE,CAACU,OAAO,IAAIrB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAAyB,SAAS;IAACC,MAAM,EAAEC,iCAAe,CAACC,EAAG;IAACX,SAAS,EAAEA;EAAU,CAAE,CAAC,EAC3EC,OAAO,IAAIrB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAA6B,KAAK,MAAE,CACpB,CAAC,GACDhC,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACtB,iBAAA,CAAA8B,OAAO,MAAE,CACb,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAzB,MAAA,GAAAA,MAAA"}
package/dist/main/SentimentWidget/components/SortSwitch/SortSwitch.js CHANGED
@@ -18,7 +18,7 @@ const SortSwitch = _ref => {
18
18
  } = _ref;
19
19
  return _react.default.createElement("div", {
20
20
  "data-testid": "sort-switch",
21
- className: (0, _classnames.default)('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs', {
21
+ className: (0, _classnames.default)('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal', {
22
22
  'lw-border-darkGrey': disabled,
23
23
  'lw-border-navyBlue': !disabled
24
24
  })
@@ -27,7 +27,7 @@ const SortSwitch = _ref => {
27
27
  disabled: disabled || selected === _types.SelectedArrow.UP,
28
28
  type: "button",
29
29
  onClick: onClickButtonUp,
30
- className: (0, _classnames.default)('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid [&:enabled:hover>*]:-lw-translate-y-1', {
30
+ className: (0, _classnames.default)('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid focus:lw-outline-bottleGreenDark [&:enabled:hover>*]:-lw-translate-y-1', {
31
31
  'lw-bg-navyBlue': selected === _types.SelectedArrow.UP && !disabled
32
32
  })
33
33
  }, _react.default.createElement(_labsWidgetCommon.LongArrowUp, {
@@ -41,7 +41,7 @@ const SortSwitch = _ref => {
41
41
  disabled: disabled || selected === _types.SelectedArrow.DOWN,
42
42
  type: "button",
43
43
  onClick: onClickButtonDown,
44
- className: (0, _classnames.default)('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center [&:enabled:hover>*]:lw-translate-y-1', {
44
+ 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-bottleGreenDark [&:enabled:hover>*]:lw-translate-y-1', {
45
45
  'lw-bg-navyBlue': selected === _types.SelectedArrow.DOWN && !disabled
46
46
  })
47
47
  }, _react.default.createElement(_labsWidgetCommon.LongArrowDown, {
package/dist/main/SentimentWidget/components/SortSwitch/SortSwitch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SortSwitch.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_types","obj","__esModule","default","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","createElement","className","classnames","SelectedArrow","UP","type","onClick","LongArrowUp","DOWN","LongArrowDown","exports"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { LongArrowUp, LongArrowDown } from '@oanda/labs-widget-common';\nimport { SelectedArrow, SortSwitchProps } from './types';\n\nconst SortSwitch = ({\n onClickButtonDown, onClickButtonUp, selected, disabled,\n}: SortSwitchProps) => (\n <div\n data-testid=\"sort-switch\"\n className={classnames(\n 'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs',\n {\n 'lw-border-darkGrey': disabled,\n 'lw-border-navyBlue': !disabled,\n },\n )}\n >\n <button\n data-testid=\"sort-switch-button-up\"\n disabled={disabled || selected === SelectedArrow.UP}\n type=\"button\"\n onClick={onClickButtonUp}\n className={classnames(\n 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid [&:enabled:hover>*]:-lw-translate-y-1',\n {\n 'lw-bg-navyBlue': selected === SelectedArrow.UP && !disabled,\n },\n )}\n >\n <LongArrowUp\n className={classnames(\n 'lw-transition-transform',\n {\n 'lw-stroke-darkGrey': disabled,\n 'lw-stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,\n 'lw-stroke-green': selected === SelectedArrow.UP && !disabled,\n },\n )}\n />\n </button>\n <button\n data-testid=\"sort-switch-button-down\"\n disabled={disabled || selected === SelectedArrow.DOWN}\n type=\"button\"\n onClick={onClickButtonDown}\n className={classnames(\n 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center [&:enabled:hover>*]:lw-translate-y-1',\n {\n 'lw-bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,\n },\n )}\n >\n <LongArrowDown\n className={classnames(\n 'lw-transition-transform',\n {\n 'lw-stroke-darkGrey': disabled,\n 'lw-stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,\n 'lw-stroke-green': selected === SelectedArrow.DOWN && !disabled,\n },\n )}\n />\n </button>\n </div>\n);\n\nexport {\n SortSwitch,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,iBAAiB;IAAEC,eAAe;IAAEC,QAAQ;IAAEC;EAC/B,CAAC,GAAAJ,IAAA;EAAA,OAChBV,MAAA,CAAAQ,OAAA,CAAAO,aAAA;IACE,eAAY,aAAa;IACzBC,SAAS,EAAE,IAAAC,mBAAU,EACnB,4EAA4E,EAC5E;MACE,oBAAoB,EAAEH,QAAQ;MAC9B,oBAAoB,EAAE,CAACA;IACzB,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAO,aAAA;IACE,eAAY,uBAAuB;IACnCD,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKK,oBAAa,CAACC,EAAG;IACpDC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAET,eAAgB;IACzBI,SAAS,EAAE,IAAAC,mBAAU,EACnB,8IAA8I,EAC9I;MACE,gBAAgB,EAAEJ,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL;IACtD,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAO,aAAA,CAACX,iBAAA,CAAAkB,WAAW;IACVN,SAAS,EAAE,IAAAC,mBAAU,EACnB,yBAAyB,EACzB;MACE,oBAAoB,EAAEH,QAAQ;MAC9B,oBAAoB,EAAED,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL,QAAQ;MAChE,iBAAiB,EAAED,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL;IACvD,CACF;EAAE,CACH,CACK,CAAC,EACTd,MAAA,CAAAQ,OAAA,CAAAO,aAAA;IACE,eAAY,yBAAyB;IACrCD,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKK,oBAAa,CAACK,IAAK;IACtDH,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEV,iBAAkB;IAC3BK,SAAS,EAAE,IAAAC,mBAAU,EACnB,yHAAyH,EACzH;MACE,gBAAgB,EAAEJ,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT;IACxD,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAO,aAAA,CAACX,iBAAA,CAAAoB,aAAa;IACZR,SAAS,EAAE,IAAAC,mBAAU,EACnB,yBAAyB,EACzB;MACE,oBAAoB,EAAEH,QAAQ;MAC9B,oBAAoB,EAAED,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT,QAAQ;MAClE,iBAAiB,EAAED,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT;IACzD,CACF;EAAE,CACH,CACK,CACL,CAAC;AAAA,CACP;AAACW,OAAA,CAAAhB,UAAA,GAAAA,UAAA"}
1
+ {"version":3,"file":"SortSwitch.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_types","obj","__esModule","default","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","createElement","className","classnames","SelectedArrow","UP","type","onClick","LongArrowUp","DOWN","LongArrowDown","exports"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { LongArrowUp, LongArrowDown } from '@oanda/labs-widget-common';\nimport { SelectedArrow, SortSwitchProps } from './types';\n\nconst SortSwitch = ({\n onClickButtonDown, onClickButtonUp, selected, disabled,\n}: SortSwitchProps) => (\n <div\n data-testid=\"sort-switch\"\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-darkGrey': disabled,\n 'lw-border-navyBlue': !disabled,\n },\n )}\n >\n <button\n data-testid=\"sort-switch-button-up\"\n disabled={disabled || selected === SelectedArrow.UP}\n type=\"button\"\n onClick={onClickButtonUp}\n className={classnames(\n 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid focus:lw-outline-bottleGreenDark [&:enabled:hover>*]:-lw-translate-y-1',\n {\n 'lw-bg-navyBlue': selected === SelectedArrow.UP && !disabled,\n },\n )}\n >\n <LongArrowUp\n className={classnames(\n 'lw-transition-transform',\n {\n 'lw-stroke-darkGrey': disabled,\n 'lw-stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,\n 'lw-stroke-green': selected === SelectedArrow.UP && !disabled,\n },\n )}\n />\n </button>\n <button\n data-testid=\"sort-switch-button-down\"\n disabled={disabled || selected === SelectedArrow.DOWN}\n type=\"button\"\n onClick={onClickButtonDown}\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-bottleGreenDark [&:enabled:hover>*]:lw-translate-y-1',\n {\n 'lw-bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,\n },\n )}\n >\n <LongArrowDown\n className={classnames(\n 'lw-transition-transform',\n {\n 'lw-stroke-darkGrey': disabled,\n 'lw-stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,\n 'lw-stroke-green': selected === SelectedArrow.DOWN && !disabled,\n },\n )}\n />\n </button>\n </div>\n);\n\nexport {\n SortSwitch,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,iBAAiB;IAAEC,eAAe;IAAEC,QAAQ;IAAEC;EAC/B,CAAC,GAAAJ,IAAA;EAAA,OAChBV,MAAA,CAAAQ,OAAA,CAAAO,aAAA;IACE,eAAY,aAAa;IACzBC,SAAS,EAAE,IAAAC,mBAAU,EACnB,+FAA+F,EAC/F;MACE,oBAAoB,EAAEH,QAAQ;MAC9B,oBAAoB,EAAE,CAACA;IACzB,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAO,aAAA;IACE,eAAY,uBAAuB;IACnCD,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKK,oBAAa,CAACC,EAAG;IACpDC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAET,eAAgB;IACzBI,SAAS,EAAE,IAAAC,mBAAU,EACnB,8KAA8K,EAC9K;MACE,gBAAgB,EAAEJ,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL;IACtD,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAO,aAAA,CAACX,iBAAA,CAAAkB,WAAW;IACVN,SAAS,EAAE,IAAAC,mBAAU,EACnB,yBAAyB,EACzB;MACE,oBAAoB,EAAEH,QAAQ;MAC9B,oBAAoB,EAAED,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL,QAAQ;MAChE,iBAAiB,EAAED,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL;IACvD,CACF;EAAE,CACH,CACK,CAAC,EACTd,MAAA,CAAAQ,OAAA,CAAAO,aAAA;IACE,eAAY,yBAAyB;IACrCD,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKK,oBAAa,CAACK,IAAK;IACtDH,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEV,iBAAkB;IAC3BK,SAAS,EAAE,IAAAC,mBAAU,EACnB,0JAA0J,EAC1J;MACE,gBAAgB,EAAEJ,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT;IACxD,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAO,aAAA,CAACX,iBAAA,CAAAoB,aAAa;IACZR,SAAS,EAAE,IAAAC,mBAAU,EACnB,yBAAyB,EACzB;MACE,oBAAoB,EAAEH,QAAQ;MAC9B,oBAAoB,EAAED,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT,QAAQ;MAClE,iBAAiB,EAAED,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT;IACzD,CACF;EAAE,CACH,CACK,CACL,CAAC;AAAA,CACP;AAACW,OAAA,CAAAhB,UAAA,GAAAA,UAAA"}
package/dist/module/SentimentWidget/Tool.js CHANGED
@@ -27,7 +27,7 @@ const Tool = _ref => {
27
27
  }, [data, sort]);
28
28
  return React.createElement("div", {
29
29
  "data-testid": "sentiment-tool",
30
- className: "lw-text-sm lw-text-black"
30
+ className: "lw-text-sm lw-tracking-normal lw-text-black"
31
31
  }, error || sortedData.length === 0 ? React.createElement("div", {
32
32
  className: "lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2"
33
33
  }, React.createElement(ChartError, null)) : React.createElement(React.Fragment, null, React.createElement("div", {
package/dist/module/SentimentWidget/Tool.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tool.js","names":["React","useEffect","useState","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","useQuery","getSentimentList","sortData","SelectedArrow","SortSwitch","Sort","Tool","_ref","division","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","createElement","className","length","Fragment","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","size","md","isLoading","height","sentiment"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n Sentiment, SentimentHeight, Loader, LoaderSize, ChartError,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport {\n GetSentimentListQuery, GetSentimentListQueryVariables, SentimentInstrument, Sort,\n} from '../gql/types/graphql';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n const [sort, setSort] = useState(Sort.Bullish);\n const [sortedData, setSortedData] = useState<Omit<SentimentInstrument, 'id'>[]>(new Array(20).fill({}));\n const { loading, data, error } = useQuery<\n GetSentimentListQuery,\n GetSentimentListQueryVariables\n >(getSentimentList, {\n variables: {\n division,\n },\n });\n\n useEffect(() => {\n if (data) {\n setSortedData(sortData(data, sort));\n }\n }, [data, sort]);\n\n return (\n <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-text-black\">\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-grey 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={sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\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-grey lw-p-2\">\n {sortedData.map((item, index) => (\n <div className=\"lw-flex lw-h-8 lw-w-full lw-items-center\" key={item.name || index}>\n <div className=\"lw-w-[120px] lw-shrink-0\">\n {loading ? (\n <Loader size={LoaderSize.md} />\n ) : (\n <span className=\"lw-truncate lw-font-sans lw-text-sm lw-font-bold\">{item.name || '\\u2014'}</span>\n )}\n </div>\n <Sentiment\n isLoading={loading}\n height={SentimentHeight.md}\n sentiment={item.sentiment}\n />\n </div>\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nexport { Tool };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tool.js","names":["React","useEffect","useState","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","useQuery","getSentimentList","sortData","SelectedArrow","SortSwitch","Sort","Tool","_ref","division","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","createElement","className","length","Fragment","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","size","md","isLoading","height","sentiment"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n Sentiment, SentimentHeight, Loader, LoaderSize, ChartError,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport {\n GetSentimentListQuery, GetSentimentListQueryVariables, SentimentInstrument, Sort,\n} from '../gql/types/graphql';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n const [sort, setSort] = useState(Sort.Bullish);\n const [sortedData, setSortedData] = useState<Omit<SentimentInstrument, 'id'>[]>(new Array(20).fill({}));\n const { loading, data, error } = useQuery<\n GetSentimentListQuery,\n GetSentimentListQueryVariables\n >(getSentimentList, {\n variables: {\n division,\n },\n });\n\n useEffect(() => {\n if (data) {\n setSortedData(sortData(data, sort));\n }\n }, [data, sort]);\n\n return (\n <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-tracking-normal lw-text-black\">\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-grey 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={sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\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-grey lw-p-2\">\n {sortedData.map((item, index) => (\n <div className=\"lw-flex lw-h-8 lw-w-full lw-items-center\" key={item.name || index}>\n <div className=\"lw-w-[120px] lw-shrink-0\">\n {loading ? (\n <Loader size={LoaderSize.md} />\n ) : (\n <span className=\"lw-truncate lw-font-sans lw-text-sm lw-font-bold\">{item.name || '\\u2014'}</span>\n )}\n </div>\n <Sentiment\n isLoading={loading}\n height={SentimentHeight.md}\n sentiment={item.sentiment}\n />\n </div>\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nexport { Tool };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,SAAS,EAAEC,eAAe,EAAEC,MAAM,EAAEC,UAAU,EAAEC,UAAU,QACrD,2BAA2B;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,gBAAgB,QAAQ,yBAAyB;AAE1D,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,aAAa,EAAEC,UAAU,QAAQ,yBAAyB;AACnE,SAC8EC,IAAI,QAC3E,sBAAsB;AAE7B,MAAMC,IAAI,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAC7C,MAAM,CAACE,IAAI,EAAEC,OAAO,CAAC,GAAGhB,QAAQ,CAACW,IAAI,CAACM,OAAO,CAAC;EAC9C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGnB,QAAQ,CAAoC,IAAIoB,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;EACvG,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGlB,QAAQ,CAGvCC,gBAAgB,EAAE;IAClBkB,SAAS,EAAE;MACTX;IACF;EACF,CAAC,CAAC;EAEFf,SAAS,CAAC,MAAM;IACd,IAAIwB,IAAI,EAAE;MACRJ,aAAa,CAACX,QAAQ,CAACe,IAAI,EAAER,IAAI,CAAC,CAAC;IACrC;EACF,CAAC,EAAE,CAACQ,IAAI,EAAER,IAAI,CAAC,CAAC;EAEhB,OACEjB,KAAA,CAAA4B,aAAA;IAAK,eAAY,gBAAgB;IAACC,SAAS,EAAC;EAA6C,GACtFH,KAAK,IAAIN,UAAU,CAACU,MAAM,KAAK,CAAC,GAC/B9B,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAwG,GACrH7B,KAAA,CAAA4B,aAAA,CAACrB,UAAU,MAAE,CACV,CAAC,GAENP,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA+B,QAAA,QACE/B,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC7C7B,KAAA,CAAA4B,aAAA,CAAChB,UAAU;IACToB,QAAQ,EAAER,OAAQ;IAClBS,QAAQ,EAAEhB,IAAI,KAAKJ,IAAI,CAACM,OAAO,GAAGR,aAAa,CAACuB,EAAE,GAAGvB,aAAa,CAACwB,IAAK;IACxEC,iBAAiB,EAAEA,CAAA,KAAMlB,OAAO,CAACL,IAAI,CAACwB,OAAO,CAAE;IAC/CC,eAAe,EAAEA,CAAA,KAAMpB,OAAO,CAACL,IAAI,CAACM,OAAO;EAAE,CAC9C,CACE,CAAC,EACNnB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAqE,GACjFT,UAAU,CAACmB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAC1BzC,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC,0CAA0C;IAACa,GAAG,EAAEF,IAAI,CAACG,IAAI,IAAIF;EAAM,GAChFzC,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCL,OAAO,GACNxB,KAAA,CAAA4B,aAAA,CAACvB,MAAM;IAACuC,IAAI,EAAEtC,UAAU,CAACuC;EAAG,CAAE,CAAC,GAE/B7C,KAAA,CAAA4B,aAAA;IAAMC,SAAS,EAAC;EAAkD,GAAEW,IAAI,CAACG,IAAI,IAAI,QAAe,CAE/F,CAAC,EACN3C,KAAA,CAAA4B,aAAA,CAACzB,SAAS;IACR2C,SAAS,EAAEtB,OAAQ;IACnBuB,MAAM,EAAE3C,eAAe,CAACyC,EAAG;IAC3BG,SAAS,EAAER,IAAI,CAACQ;EAAU,CAC3B,CACE,CACN,CACE,CACL,CAED,CAAC;AAEV,CAAC;AAED,SAASlC,IAAI"}
package/dist/module/SentimentWidget/Widget.js CHANGED
@@ -23,7 +23,7 @@ const Widget = _ref => {
23
23
  const isError = error || sentiment?.shortPercent === 0 && sentiment?.longPercent === 0 || sentiment?.shortPercent === undefined || sentiment?.longPercent === undefined;
24
24
  return React.createElement("div", {
25
25
  "data-testid": "sentiment-widget",
26
- className: "lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-text-black"
26
+ className: "lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-tracking-normal lw-text-black"
27
27
  }, !loading ? React.createElement(React.Fragment, null, React.createElement("span", {
28
28
  className: "lw-mr-12 lw-font-sans lw-font-bold"
29
29
  }, instrument), !isError && React.createElement(Sentiment, {
package/dist/module/SentimentWidget/Widget.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Widget.js","names":["React","Sentiment","SentimentHeight","Spinner","Error","useQuery","getInstrumentSentiment","Widget","_ref","instrument","division","loading","data","error","variables","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","Fragment","height","md"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Sentiment, SentimentHeight, Spinner, Error,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport { SentimentWidgetConfig } from './types';\nimport { GetInstrumentSentimentQuery, GetInstrumentSentimentQueryVariables } from '../gql/types/graphql';\n\nconst Widget = ({ instrument, division }: SentimentWidgetConfig) => {\n const { loading, data, error } = useQuery<\n GetInstrumentSentimentQuery,\n GetInstrumentSentimentQueryVariables\n >(getInstrumentSentiment, {\n variables: {\n name: instrument,\n division,\n },\n });\n\n const { sentiment } = data?.sentiment?.[0] || {};\n const isError = error\n || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n || sentiment?.shortPercent === undefined\n || sentiment?.longPercent === undefined;\n\n return (\n <div data-testid=\"sentiment-widget\" className=\"lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-text-black\">\n {!loading\n ? (\n <>\n <span className=\"lw-mr-12 lw-font-sans lw-font-bold\">{instrument}</span>\n {!isError && <Sentiment height={SentimentHeight.md} sentiment={sentiment} />}\n {isError && <Error />}\n </>\n ) : <Spinner />}\n </div>\n );\n};\n\nexport { Widget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAAEC,eAAe,EAAEC,OAAO,EAAEC,KAAK,QACrC,2BAA2B;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,sBAAsB,QAAQ,+BAA+B;AAItE,MAAMC,MAAM,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,UAAU;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAGvCC,sBAAsB,EAAE;IACxBQ,SAAS,EAAE;MACTC,IAAI,EAAEN,UAAU;MAChBC;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEM;EAAU,CAAC,GAAGJ,IAAI,EAAEI,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;EAChD,MAAMC,OAAO,GAAGJ,KAAK,IACfG,SAAS,EAAEE,YAAY,KAAK,CAAC,IAAIF,SAAS,EAAEG,WAAW,KAAK,CAAE,IAC/DH,SAAS,EAAEE,YAAY,KAAKE,SAAS,IACrCJ,SAAS,EAAEG,WAAW,KAAKC,SAAS;EAEzC,OACEpB,KAAA,CAAAqB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAAqH,GAChK,CAACX,OAAO,GAELX,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAuB,QAAA,QACEvB,KAAA,CAAAqB,aAAA;IAAMC,SAAS,EAAC;EAAoC,GAAEb,UAAiB,CAAC,EACvE,CAACQ,OAAO,IAAIjB,KAAA,CAAAqB,aAAA,CAACpB,SAAS;IAACuB,MAAM,EAAEtB,eAAe,CAACuB,EAAG;IAACT,SAAS,EAAEA;EAAU,CAAE,CAAC,EAC3EC,OAAO,IAAIjB,KAAA,CAAAqB,aAAA,CAACjB,KAAK,MAAE,CACpB,CAAC,GACDJ,KAAA,CAAAqB,aAAA,CAAClB,OAAO,MAAE,CACb,CAAC;AAEV,CAAC;AAED,SAASI,MAAM"}
1
+ {"version":3,"file":"Widget.js","names":["React","Sentiment","SentimentHeight","Spinner","Error","useQuery","getInstrumentSentiment","Widget","_ref","instrument","division","loading","data","error","variables","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","Fragment","height","md"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Sentiment, SentimentHeight, Spinner, Error,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport { SentimentWidgetConfig } from './types';\nimport { GetInstrumentSentimentQuery, GetInstrumentSentimentQueryVariables } from '../gql/types/graphql';\n\nconst Widget = ({ instrument, division }: SentimentWidgetConfig) => {\n const { loading, data, error } = useQuery<\n GetInstrumentSentimentQuery,\n GetInstrumentSentimentQueryVariables\n >(getInstrumentSentiment, {\n variables: {\n name: instrument,\n division,\n },\n });\n\n const { sentiment } = data?.sentiment?.[0] || {};\n const isError = error\n || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n || sentiment?.shortPercent === undefined\n || sentiment?.longPercent === undefined;\n\n return (\n <div data-testid=\"sentiment-widget\" className=\"lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-tracking-normal lw-text-black\">\n {!loading\n ? (\n <>\n <span className=\"lw-mr-12 lw-font-sans lw-font-bold\">{instrument}</span>\n {!isError && <Sentiment height={SentimentHeight.md} sentiment={sentiment} />}\n {isError && <Error />}\n </>\n ) : <Spinner />}\n </div>\n );\n};\n\nexport { Widget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAAEC,eAAe,EAAEC,OAAO,EAAEC,KAAK,QACrC,2BAA2B;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,sBAAsB,QAAQ,+BAA+B;AAItE,MAAMC,MAAM,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,UAAU;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAGvCC,sBAAsB,EAAE;IACxBQ,SAAS,EAAE;MACTC,IAAI,EAAEN,UAAU;MAChBC;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEM;EAAU,CAAC,GAAGJ,IAAI,EAAEI,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;EAChD,MAAMC,OAAO,GAAGJ,KAAK,IACfG,SAAS,EAAEE,YAAY,KAAK,CAAC,IAAIF,SAAS,EAAEG,WAAW,KAAK,CAAE,IAC/DH,SAAS,EAAEE,YAAY,KAAKE,SAAS,IACrCJ,SAAS,EAAEG,WAAW,KAAKC,SAAS;EAEzC,OACEpB,KAAA,CAAAqB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAAwI,GACnL,CAACX,OAAO,GAELX,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAuB,QAAA,QACEvB,KAAA,CAAAqB,aAAA;IAAMC,SAAS,EAAC;EAAoC,GAAEb,UAAiB,CAAC,EACvE,CAACQ,OAAO,IAAIjB,KAAA,CAAAqB,aAAA,CAACpB,SAAS;IAACuB,MAAM,EAAEtB,eAAe,CAACuB,EAAG;IAACT,SAAS,EAAEA;EAAU,CAAE,CAAC,EAC3EC,OAAO,IAAIjB,KAAA,CAAAqB,aAAA,CAACjB,KAAK,MAAE,CACpB,CAAC,GACDJ,KAAA,CAAAqB,aAAA,CAAClB,OAAO,MAAE,CACb,CAAC;AAEV,CAAC;AAED,SAASI,MAAM"}
package/dist/module/SentimentWidget/components/SortSwitch/SortSwitch.js CHANGED
@@ -11,7 +11,7 @@ const SortSwitch = _ref => {
11
11
  } = _ref;
12
12
  return React.createElement("div", {
13
13
  "data-testid": "sort-switch",
14
- className: classnames('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs', {
14
+ className: classnames('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal', {
15
15
  'lw-border-darkGrey': disabled,
16
16
  'lw-border-navyBlue': !disabled
17
17
  })
@@ -20,7 +20,7 @@ const SortSwitch = _ref => {
20
20
  disabled: disabled || selected === SelectedArrow.UP,
21
21
  type: "button",
22
22
  onClick: onClickButtonUp,
23
- className: classnames('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid [&:enabled:hover>*]:-lw-translate-y-1', {
23
+ className: classnames('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid focus:lw-outline-bottleGreenDark [&:enabled:hover>*]:-lw-translate-y-1', {
24
24
  'lw-bg-navyBlue': selected === SelectedArrow.UP && !disabled
25
25
  })
26
26
  }, React.createElement(LongArrowUp, {
@@ -34,7 +34,7 @@ const SortSwitch = _ref => {
34
34
  disabled: disabled || selected === SelectedArrow.DOWN,
35
35
  type: "button",
36
36
  onClick: onClickButtonDown,
37
- className: classnames('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center [&:enabled:hover>*]:lw-translate-y-1', {
37
+ className: classnames('lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center focus:lw-outline-bottleGreenDark [&:enabled:hover>*]:lw-translate-y-1', {
38
38
  'lw-bg-navyBlue': selected === SelectedArrow.DOWN && !disabled
39
39
  })
40
40
  }, React.createElement(LongArrowDown, {
package/dist/module/SentimentWidget/components/SortSwitch/SortSwitch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SortSwitch.js","names":["React","classnames","LongArrowUp","LongArrowDown","SelectedArrow","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","createElement","className","UP","type","onClick","DOWN"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { LongArrowUp, LongArrowDown } from '@oanda/labs-widget-common';\nimport { SelectedArrow, SortSwitchProps } from './types';\n\nconst SortSwitch = ({\n onClickButtonDown, onClickButtonUp, selected, disabled,\n}: SortSwitchProps) => (\n <div\n data-testid=\"sort-switch\"\n className={classnames(\n 'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs',\n {\n 'lw-border-darkGrey': disabled,\n 'lw-border-navyBlue': !disabled,\n },\n )}\n >\n <button\n data-testid=\"sort-switch-button-up\"\n disabled={disabled || selected === SelectedArrow.UP}\n type=\"button\"\n onClick={onClickButtonUp}\n className={classnames(\n 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid [&:enabled:hover>*]:-lw-translate-y-1',\n {\n 'lw-bg-navyBlue': selected === SelectedArrow.UP && !disabled,\n },\n )}\n >\n <LongArrowUp\n className={classnames(\n 'lw-transition-transform',\n {\n 'lw-stroke-darkGrey': disabled,\n 'lw-stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,\n 'lw-stroke-green': selected === SelectedArrow.UP && !disabled,\n },\n )}\n />\n </button>\n <button\n data-testid=\"sort-switch-button-down\"\n disabled={disabled || selected === SelectedArrow.DOWN}\n type=\"button\"\n onClick={onClickButtonDown}\n className={classnames(\n 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center [&:enabled:hover>*]:lw-translate-y-1',\n {\n 'lw-bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,\n },\n )}\n >\n <LongArrowDown\n className={classnames(\n 'lw-transition-transform',\n {\n 'lw-stroke-darkGrey': disabled,\n 'lw-stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,\n 'lw-stroke-green': selected === SelectedArrow.DOWN && !disabled,\n },\n )}\n />\n </button>\n </div>\n);\n\nexport {\n SortSwitch,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,WAAW,EAAEC,aAAa,QAAQ,2BAA2B;AACtE,SAASC,aAAa,QAAyB,SAAS;AAExD,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,iBAAiB;IAAEC,eAAe;IAAEC,QAAQ;IAAEC;EAC/B,CAAC,GAAAJ,IAAA;EAAA,OAChBN,KAAA,CAAAW,aAAA;IACE,eAAY,aAAa;IACzBC,SAAS,EAAEX,UAAU,CACnB,4EAA4E,EAC5E;MACE,oBAAoB,EAAES,QAAQ;MAC9B,oBAAoB,EAAE,CAACA;IACzB,CACF;EAAE,GAEFV,KAAA,CAAAW,aAAA;IACE,eAAY,uBAAuB;IACnCD,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKL,aAAa,CAACS,EAAG;IACpDC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEP,eAAgB;IACzBI,SAAS,EAAEX,UAAU,CACnB,8IAA8I,EAC9I;MACE,gBAAgB,EAAEQ,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH;IACtD,CACF;EAAE,GAEFV,KAAA,CAAAW,aAAA,CAACT,WAAW;IACVU,SAAS,EAAEX,UAAU,CACnB,yBAAyB,EACzB;MACE,oBAAoB,EAAES,QAAQ;MAC9B,oBAAoB,EAAED,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH,QAAQ;MAChE,iBAAiB,EAAED,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH;IACvD,CACF;EAAE,CACH,CACK,CAAC,EACTV,KAAA,CAAAW,aAAA;IACE,eAAY,yBAAyB;IACrCD,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKL,aAAa,CAACY,IAAK;IACtDF,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAER,iBAAkB;IAC3BK,SAAS,EAAEX,UAAU,CACnB,yHAAyH,EACzH;MACE,gBAAgB,EAAEQ,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN;IACxD,CACF;EAAE,GAEFV,KAAA,CAAAW,aAAA,CAACR,aAAa;IACZS,SAAS,EAAEX,UAAU,CACnB,yBAAyB,EACzB;MACE,oBAAoB,EAAES,QAAQ;MAC9B,oBAAoB,EAAED,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN,QAAQ;MAClE,iBAAiB,EAAED,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN;IACzD,CACF;EAAE,CACH,CACK,CACL,CAAC;AAAA,CACP;AAED,SACEL,UAAU"}
1
+ {"version":3,"file":"SortSwitch.js","names":["React","classnames","LongArrowUp","LongArrowDown","SelectedArrow","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","createElement","className","UP","type","onClick","DOWN"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { LongArrowUp, LongArrowDown } from '@oanda/labs-widget-common';\nimport { SelectedArrow, SortSwitchProps } from './types';\n\nconst SortSwitch = ({\n onClickButtonDown, onClickButtonUp, selected, disabled,\n}: SortSwitchProps) => (\n <div\n data-testid=\"sort-switch\"\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-darkGrey': disabled,\n 'lw-border-navyBlue': !disabled,\n },\n )}\n >\n <button\n data-testid=\"sort-switch-button-up\"\n disabled={disabled || selected === SelectedArrow.UP}\n type=\"button\"\n onClick={onClickButtonUp}\n className={classnames(\n 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid focus:lw-outline-bottleGreenDark [&:enabled:hover>*]:-lw-translate-y-1',\n {\n 'lw-bg-navyBlue': selected === SelectedArrow.UP && !disabled,\n },\n )}\n >\n <LongArrowUp\n className={classnames(\n 'lw-transition-transform',\n {\n 'lw-stroke-darkGrey': disabled,\n 'lw-stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,\n 'lw-stroke-green': selected === SelectedArrow.UP && !disabled,\n },\n )}\n />\n </button>\n <button\n data-testid=\"sort-switch-button-down\"\n disabled={disabled || selected === SelectedArrow.DOWN}\n type=\"button\"\n onClick={onClickButtonDown}\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-bottleGreenDark [&:enabled:hover>*]:lw-translate-y-1',\n {\n 'lw-bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,\n },\n )}\n >\n <LongArrowDown\n className={classnames(\n 'lw-transition-transform',\n {\n 'lw-stroke-darkGrey': disabled,\n 'lw-stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,\n 'lw-stroke-green': selected === SelectedArrow.DOWN && !disabled,\n },\n )}\n />\n </button>\n </div>\n);\n\nexport {\n SortSwitch,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,WAAW,EAAEC,aAAa,QAAQ,2BAA2B;AACtE,SAASC,aAAa,QAAyB,SAAS;AAExD,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,iBAAiB;IAAEC,eAAe;IAAEC,QAAQ;IAAEC;EAC/B,CAAC,GAAAJ,IAAA;EAAA,OAChBN,KAAA,CAAAW,aAAA;IACE,eAAY,aAAa;IACzBC,SAAS,EAAEX,UAAU,CACnB,+FAA+F,EAC/F;MACE,oBAAoB,EAAES,QAAQ;MAC9B,oBAAoB,EAAE,CAACA;IACzB,CACF;EAAE,GAEFV,KAAA,CAAAW,aAAA;IACE,eAAY,uBAAuB;IACnCD,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKL,aAAa,CAACS,EAAG;IACpDC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEP,eAAgB;IACzBI,SAAS,EAAEX,UAAU,CACnB,8KAA8K,EAC9K;MACE,gBAAgB,EAAEQ,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH;IACtD,CACF;EAAE,GAEFV,KAAA,CAAAW,aAAA,CAACT,WAAW;IACVU,SAAS,EAAEX,UAAU,CACnB,yBAAyB,EACzB;MACE,oBAAoB,EAAES,QAAQ;MAC9B,oBAAoB,EAAED,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH,QAAQ;MAChE,iBAAiB,EAAED,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH;IACvD,CACF;EAAE,CACH,CACK,CAAC,EACTV,KAAA,CAAAW,aAAA;IACE,eAAY,yBAAyB;IACrCD,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKL,aAAa,CAACY,IAAK;IACtDF,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAER,iBAAkB;IAC3BK,SAAS,EAAEX,UAAU,CACnB,0JAA0J,EAC1J;MACE,gBAAgB,EAAEQ,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN;IACxD,CACF;EAAE,GAEFV,KAAA,CAAAW,aAAA,CAACR,aAAa;IACZS,SAAS,EAAEX,UAAU,CACnB,yBAAyB,EACzB;MACE,oBAAoB,EAAES,QAAQ;MAC9B,oBAAoB,EAAED,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN,QAAQ;MAClE,iBAAiB,EAAED,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN;IACzD,CACF;EAAE,CACH,CACK,CACL,CAAC;AAAA,CACP;AAED,SACEL,UAAU"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oanda/labs-sentiment-widget",
3
- "version": "1.0.28",
3
+ "version": "1.0.29",
4
4
  "description": "Labs Sentiment Widget",
5
5
  "main": "dist/main/index.js",
6
6
  "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
13
13
  "license": "UNLICENSED",
14
14
  "dependencies": {
15
15
  "@apollo/client": "3.7.17",
16
- "@oanda/labs-widget-common": "^1.0.28",
16
+ "@oanda/labs-widget-common": "^1.0.29",
17
17
  "@oanda/mono-i18n": "9.0.0",
18
18
  "classnames": "2.3.2",
19
19
  "graphql": "16.7.1"
@@ -22,5 +22,5 @@
22
22
  "@graphql-codegen/cli": "5.0.0",
23
23
  "@graphql-codegen/client-preset": "4.1.0"
24
24
  },
25
- "gitHead": "73334699ee20b350f9dc36b927af02a95d314892"
25
+ "gitHead": "2d085804773a00140bd52389e3d934bf39d81c1c"
26
26
  }
package/src/SentimentWidget/Tool.tsx CHANGED
@@ -30,7 +30,7 @@ const Tool = ({ division }: SentimentToolConfig) => {
30
30
  }, [data, sort]);
31
31
 
32
32
  return (
33
- <div data-testid="sentiment-tool" className="lw-text-sm lw-text-black">
33
+ <div data-testid="sentiment-tool" className="lw-text-sm lw-tracking-normal lw-text-black">
34
34
  {error || sortedData.length === 0 ? (
35
35
  <div className="lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2">
36
36
  <ChartError />
package/src/SentimentWidget/Widget.tsx CHANGED
@@ -25,7 +25,7 @@ const Widget = ({ instrument, division }: SentimentWidgetConfig) => {
25
25
  || sentiment?.longPercent === undefined;
26
26
 
27
27
  return (
28
- <div data-testid="sentiment-widget" className="lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-text-black">
28
+ <div data-testid="sentiment-widget" className="lw-flex lw-items-center lw-justify-between lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-tracking-normal lw-text-black">
29
29
  {!loading
30
30
  ? (
31
31
  <>
package/src/SentimentWidget/components/SortSwitch/SortSwitch.tsx CHANGED
@@ -9,7 +9,7 @@ const SortSwitch = ({
9
9
  <div
10
10
  data-testid="sort-switch"
11
11
  className={classnames(
12
- 'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs',
12
+ 'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal',
13
13
  {
14
14
  'lw-border-darkGrey': disabled,
15
15
  'lw-border-navyBlue': !disabled,
@@ -22,7 +22,7 @@ const SortSwitch = ({
22
22
  type="button"
23
23
  onClick={onClickButtonUp}
24
24
  className={classnames(
25
- 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid [&:enabled:hover>*]:-lw-translate-y-1',
25
+ 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-border-r-[1px] lw-border-solid focus:lw-outline-bottleGreenDark [&:enabled:hover>*]:-lw-translate-y-1',
26
26
  {
27
27
  'lw-bg-navyBlue': selected === SelectedArrow.UP && !disabled,
28
28
  },
@@ -45,7 +45,7 @@ const SortSwitch = ({
45
45
  type="button"
46
46
  onClick={onClickButtonDown}
47
47
  className={classnames(
48
- 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center [&:enabled:hover>*]:lw-translate-y-1',
48
+ 'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center focus:lw-outline-bottleGreenDark [&:enabled:hover>*]:lw-translate-y-1',
49
49
  {
50
50
  'lw-bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,
51
51
  },