@oanda/labs-sentiment-widget 1.0.57 → 1.0.58

package/CHANGELOG.md

@@ -3,6 +3,226 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.58 (2023-12-22)
+
+
+
+## 1.0.57 (2023-12-22)
+
+
+
+## 1.0.56 (2023-12-21)
+
+
+
+## 1.0.55 (2023-12-19)
+
+
+
+## 1.0.54 (2023-12-15)
+
+
+
+## 1.0.53 (2023-12-13)
+
+
+
+## 1.0.52 (2023-12-13)
+
+
+
+## 1.0.51 (2023-12-07)
+
+
+
+## 1.0.50 (2023-12-04)
+
+
+
+## 1.0.49 (2023-12-01)
+
+
+
+## 1.0.48 (2023-12-01)
+
+
+
+## 1.0.47 (2023-11-29)
+
+
+
+## 1.0.46 (2023-11-28)
+
+
+
+## 1.0.45 (2023-11-23)
+
+
+
+## 1.0.44 (2023-11-22)
+
+
+
+## 1.0.43 (2023-11-15)
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-sentiment-widget
+
+
+
+
+
 ## 1.0.57 (2023-12-22)
 
 

package/dist/main/SentimentWidget/Tool.js

@@ -40,7 +40,7 @@ const Tool = _ref => {
   } = (0, _monoI18n.useLocale)();
   return _react.default.createElement("div", {
     "data-testid": "sentiment-tool",
-    className: "lw-relative lw-overflow-hidden lw-text-sm lw-tracking-normal lw-text-text-primary"
+    className: "lw-relative lw-overflow-hidden lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary"
   }, error || sortedData.length === 0 ? _react.default.createElement("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"
   }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {

package/dist/main/SentimentWidget/Tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_client","_monoI18n","_getSentimentList","_utils","_SortSwitch","_graphql","_constant","_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","lang","useLocale","createElement","className","length","ChartError","Fragment","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","Loader","size","LoaderSize","md","Truncate","maxWidth","tooltipId","INSTRUMENT_TOOLTIP_ID","text","displayName","Sentiment","isLoading","height","SentimentHeight","sentiment","Tooltip","id","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Sentiment, SentimentHeight, Loader, LoaderSize, ChartError, Truncate, Tooltip,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { useLocale } from '@oanda/mono-i18n';\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\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  const { lang } = useLocale();\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-relative lw-overflow-hidden lw-text-sm lw-tracking-normal lw-text-text-primary\">\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={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-border-primary lw-p-2\">\n            <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n              <span className=\"lw-ml-[7.5rem] lw-uppercase md:lw-ml-40\">{lang('net_short')}</span>\n              <span className=\"lw-text-right lw-uppercase md:lw-mr-10\">{lang('net_long')}</span>\n            </div>\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                    <Truncate\n                      maxWidth={120}\n                      tooltipId={INSTRUMENT_TOOLTIP_ID}\n                      className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                      text={item.displayName || '\\u2014'}\n                    />\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      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAGA,IAAAQ,SAAA,GAAAR,OAAA;AAAoD,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEpD,MAAMY,IAAI,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAC7C,MAAM,CAACE,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAACC,aAAI,CAACC,OAAO,CAAC;EAC9C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAAoC,IAAIK,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;EACvG,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,kCAAgB,EAAE;IAClBC,SAAS,EAAE;MACTf;IACF;EACF,CAAC,CAAC;EAEF,IAAAgB,gBAAS,EAAC,MAAM;IACd,IAAIL,IAAI,EAAE;MACRJ,aAAa,CAAC,IAAAU,eAAQ,EAACN,IAAI,EAAEV,IAAI,CAAC,CAAC;IACrC;EACF,CAAC,EAAE,CAACU,IAAI,EAAEV,IAAI,CAAC,CAAC;EAEhB,MAAM;IAAEiB;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,OACErD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAK,eAAY,gBAAgB;IAACC,SAAS,EAAC;EAAmF,GAC5HT,KAAK,IAAIN,UAAU,CAACgB,MAAM,KAAK,CAAC,GAC/BxD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAC;EAAkH,GAC/HvD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,iBAAA,CAAAsD,UAAU,MAAE,CACV,CAAC,GAENzD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAAAtD,MAAA,CAAAiB,OAAA,CAAAyC,QAAA,QACE1D,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC7CvD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAAC9C,WAAA,CAAAmD,UAAU;IACTC,QAAQ,EAAEhB,OAAQ;IAClBiB,QAAQ,EAAE1B,IAAI,KAAKG,aAAI,CAACC,OAAO,GAAGuB,yBAAa,CAACC,EAAE,GAAGD,yBAAa,CAACE,IAAK;IACxEC,iBAAiB,EAAEA,CAAA,KAAM7B,OAAO,CAACE,aAAI,CAAC4B,OAAO,CAAE;IAC/CC,eAAe,EAAEA,CAAA,KAAM/B,OAAO,CAACE,aAAI,CAACC,OAAO;EAAE,CAC9C,CACE,CAAC,EACNvC,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAC;EAA+E,GAC5FvD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAC;EAAqD,GAClEvD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAMC,SAAS,EAAC;EAAyC,GAAEH,IAAI,CAAC,WAAW,CAAQ,CAAC,EACpFpD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAMC,SAAS,EAAC;EAAwC,GAAEH,IAAI,CAAC,UAAU,CAAQ,CAC9E,CAAC,EACLZ,UAAU,CAAC4B,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAC1BtE,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAC,0CAA0C;IAACgB,GAAG,EAAEF,IAAI,CAACG,IAAI,IAAIF;EAAM,GAChFtE,MAAA,CAAAiB,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCX,OAAO,GACN5C,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,iBAAA,CAAAsE,MAAM;IAACC,IAAI,EAAEC,4BAAU,CAACC;EAAG,CAAE,CAAC,GAE/B5E,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,iBAAA,CAAA0E,QAAQ;IACPC,QAAQ,EAAE,GAAI;IACdC,SAAS,EAAEC,+BAAsB;IACjCzB,SAAS,EAAC,8CAA8C;IACxD0B,IAAI,EAAEZ,IAAI,CAACa,WAAW,IAAI;EAAS,CACpC,CAEA,CAAC,EACNlF,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,iBAAA,CAAAgF,SAAS;IACRC,SAAS,EAAExC,OAAQ;IACnByC,MAAM,EAAEC,iCAAe,CAACV,EAAG;IAC3BW,SAAS,EAAElB,IAAI,CAACkB;EAAU,CAC3B,CACE,CACN,CACE,CACL,CACH,EACDvF,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,iBAAA,CAAAqF,OAAO;IAACC,EAAE,EAAET;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAACU,OAAA,CAAA1D,IAAA,GAAAA,IAAA"}
+{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_client","_monoI18n","_getSentimentList","_utils","_SortSwitch","_graphql","_constant","_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","lang","useLocale","createElement","className","length","ChartError","Fragment","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","Loader","size","LoaderSize","md","Truncate","maxWidth","tooltipId","INSTRUMENT_TOOLTIP_ID","text","displayName","Sentiment","isLoading","height","SentimentHeight","sentiment","Tooltip","id","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Sentiment, SentimentHeight, Loader, LoaderSize, ChartError, Truncate, Tooltip,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { useLocale } from '@oanda/mono-i18n';\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\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  const { lang } = useLocale();\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-relative lw-overflow-hidden lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary\">\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={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-border-primary lw-p-2\">\n            <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n              <span className=\"lw-ml-[7.5rem] lw-uppercase md:lw-ml-40\">{lang('net_short')}</span>\n              <span className=\"lw-text-right lw-uppercase md:lw-mr-10\">{lang('net_long')}</span>\n            </div>\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                    <Truncate\n                      maxWidth={120}\n                      tooltipId={INSTRUMENT_TOOLTIP_ID}\n                      className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                      text={item.displayName || '\\u2014'}\n                    />\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      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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"}

package/dist/main/SentimentWidget/Widget.js

@@ -31,7 +31,7 @@ const Widget = _ref => {
   const isError = error || sentiment?.shortPercent === 0 && sentiment?.longPercent === 0 || sentiment?.shortPercent === undefined || sentiment?.longPercent === undefined;
   return _react.default.createElement("div", {
     "data-testid": "sentiment-widget",
-    className: "lw-border lw-border-solid lw-border-border-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary"
+    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"
   }, _react.default.createElement("div", {
     className: "lw-flex lw-items-center lw-justify-between"
   }, _react.default.createElement("div", {

package/dist/main/SentimentWidget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","_client","_getInstrumentSentiment","_constant","obj","__esModule","default","Widget","_ref","instrument","division","loading","data","error","useQuery","getInstrumentSentiment","variables","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","Loader","size","LoaderSize","md","Truncate","maxWidth","tooltipId","INSTRUMENT_TOOLTIP_ID","text","displayName","Sentiment","withError","isLoading","height","SentimentHeight","Error","exports"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Sentiment, SentimentHeight, Error, Loader, LoaderSize, Truncate,\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\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-border lw-border-solid lw-border-border-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary\">\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              maxWidth={120}\n              tooltipId={INSTRUMENT_TOOLTIP_ID}\n              className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n              text={data?.sentiment?.[0]?.displayName || '\\u2014'}\n            />\n          )}\n        </div>\n        <Sentiment\n          withError={false}\n          isLoading={loading}\n          height={SentimentHeight.md}\n          sentiment={sentiment}\n        />\n      </div>\n      {!loading && isError && <Error />}\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;AAGA,IAAAI,SAAA,GAAAJ,OAAA;AAAoD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEpD,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,OACEzB,MAAA,CAAAS,OAAA,CAAAiB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAA8G,GAC1J3B,MAAA,CAAAS,OAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAA4C,GACzD3B,MAAA,CAAAS,OAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCb,OAAO,IAAId,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,iBAAA,CAAAyB,MAAM;IAACC,IAAI,EAAEC,4BAAU,CAACC;EAAG,CAAE,CAAC,EAC1C,CAACjB,OAAO,IAAI,CAACQ,OAAO,IACnBtB,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,iBAAA,CAAA6B,QAAQ;IACPC,QAAQ,EAAE,GAAI;IACdC,SAAS,EAAEC,+BAAsB;IACjCR,SAAS,EAAC,8CAA8C;IACxDS,IAAI,EAAErB,IAAI,EAAEM,SAAS,GAAG,CAAC,CAAC,EAAEgB,WAAW,IAAI;EAAS,CACrD,CAEA,CAAC,EACNrC,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,iBAAA,CAAAmC,SAAS;IACRC,SAAS,EAAE,KAAM;IACjBC,SAAS,EAAE1B,OAAQ;IACnB2B,MAAM,EAAEC,iCAAe,CAACX,EAAG;IAC3BV,SAAS,EAAEA;EAAU,CACtB,CACE,CAAC,EACL,CAACP,OAAO,IAAIQ,OAAO,IAAItB,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,iBAAA,CAAAwC,KAAK,MAAE,CAC7B,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAlC,MAAA,GAAAA,MAAA"}
+{"version":3,"file":"Widget.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","_client","_getInstrumentSentiment","_constant","obj","__esModule","default","Widget","_ref","instrument","division","loading","data","error","useQuery","getInstrumentSentiment","variables","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","Loader","size","LoaderSize","md","Truncate","maxWidth","tooltipId","INSTRUMENT_TOOLTIP_ID","text","displayName","Sentiment","withError","isLoading","height","SentimentHeight","Error","exports"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Sentiment, SentimentHeight, Error, Loader, LoaderSize, Truncate,\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\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-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      <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              maxWidth={120}\n              tooltipId={INSTRUMENT_TOOLTIP_ID}\n              className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n              text={data?.sentiment?.[0]?.displayName || '\\u2014'}\n            />\n          )}\n        </div>\n        <Sentiment\n          withError={false}\n          isLoading={loading}\n          height={SentimentHeight.md}\n          sentiment={sentiment}\n        />\n      </div>\n      {!loading && isError && <Error />}\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;AAGA,IAAAI,SAAA,GAAAJ,OAAA;AAAoD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEpD,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,OACEzB,MAAA,CAAAS,OAAA,CAAAiB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAA+H,GAC3K3B,MAAA,CAAAS,OAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAA4C,GACzD3B,MAAA,CAAAS,OAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCb,OAAO,IAAId,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,iBAAA,CAAAyB,MAAM;IAACC,IAAI,EAAEC,4BAAU,CAACC;EAAG,CAAE,CAAC,EAC1C,CAACjB,OAAO,IAAI,CAACQ,OAAO,IACnBtB,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,iBAAA,CAAA6B,QAAQ;IACPC,QAAQ,EAAE,GAAI;IACdC,SAAS,EAAEC,+BAAsB;IACjCR,SAAS,EAAC,8CAA8C;IACxDS,IAAI,EAAErB,IAAI,EAAEM,SAAS,GAAG,CAAC,CAAC,EAAEgB,WAAW,IAAI;EAAS,CACrD,CAEA,CAAC,EACNrC,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,iBAAA,CAAAmC,SAAS;IACRC,SAAS,EAAE,KAAM;IACjBC,SAAS,EAAE1B,OAAQ;IACnB2B,MAAM,EAAEC,iCAAe,CAACX,EAAG;IAC3BV,SAAS,EAAEA;EAAU,CACtB,CACE,CAAC,EACL,CAACP,OAAO,IAAIQ,OAAO,IAAItB,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,iBAAA,CAAAwC,KAAK,MAAE,CAC7B,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAlC,MAAA,GAAAA,MAAA"}

package/dist/module/SentimentWidget/Tool.js

@@ -32,7 +32,7 @@ const Tool = _ref => {
   } = useLocale();
   return React.createElement("div", {
     "data-testid": "sentiment-tool",
-    className: "lw-relative lw-overflow-hidden lw-text-sm lw-tracking-normal lw-text-text-primary"
+    className: "lw-relative lw-overflow-hidden lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary"
   }, error || sortedData.length === 0 ? React.createElement("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"
   }, React.createElement(ChartError, null)) : React.createElement(React.Fragment, null, React.createElement("div", {

package/dist/module/SentimentWidget/Tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["React","useEffect","useState","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","Truncate","Tooltip","useQuery","useLocale","getSentimentList","sortData","SelectedArrow","SortSwitch","Sort","INSTRUMENT_TOOLTIP_ID","Tool","_ref","division","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","lang","createElement","className","length","Fragment","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","size","md","maxWidth","tooltipId","text","displayName","isLoading","height","sentiment","id"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Sentiment, SentimentHeight, Loader, LoaderSize, ChartError, Truncate, Tooltip,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { useLocale } from '@oanda/mono-i18n';\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\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  const { lang } = useLocale();\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-relative lw-overflow-hidden lw-text-sm lw-tracking-normal lw-text-text-primary\">\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={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-border-primary lw-p-2\">\n            <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n              <span className=\"lw-ml-[7.5rem] lw-uppercase md:lw-ml-40\">{lang('net_short')}</span>\n              <span className=\"lw-text-right lw-uppercase md:lw-mr-10\">{lang('net_long')}</span>\n            </div>\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                    <Truncate\n                      maxWidth={120}\n                      tooltipId={INSTRUMENT_TOOLTIP_ID}\n                      className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                      text={item.displayName || '\\u2014'}\n                    />\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      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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"}
+{"version":3,"file":"Tool.js","names":["React","useEffect","useState","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","Truncate","Tooltip","useQuery","useLocale","getSentimentList","sortData","SelectedArrow","SortSwitch","Sort","INSTRUMENT_TOOLTIP_ID","Tool","_ref","division","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","lang","createElement","className","length","Fragment","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","size","md","maxWidth","tooltipId","text","displayName","isLoading","height","sentiment","id"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Sentiment, SentimentHeight, Loader, LoaderSize, ChartError, Truncate, Tooltip,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { useLocale } from '@oanda/mono-i18n';\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\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  const { lang } = useLocale();\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-relative lw-overflow-hidden lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary\">\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={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-border-primary lw-p-2\">\n            <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n              <span className=\"lw-ml-[7.5rem] lw-uppercase md:lw-ml-40\">{lang('net_short')}</span>\n              <span className=\"lw-text-right lw-uppercase md:lw-mr-10\">{lang('net_long')}</span>\n            </div>\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                    <Truncate\n                      maxWidth={120}\n                      tooltipId={INSTRUMENT_TOOLTIP_ID}\n                      className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                      text={item.displayName || '\\u2014'}\n                    />\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      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\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,EAAEC,QAAQ,EAAEC,OAAO,QACxE,2BAA2B;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,gBAAgB,QAAQ,yBAAyB;AAE1D,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,aAAa,EAAEC,UAAU,QAAQ,yBAAyB;AACnE,SAC8EC,IAAI,QAC3E,sBAAsB;AAC7B,SAASC,qBAAqB,QAAQ,aAAa;AAEnD,MAAMC,IAAI,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAC7C,MAAM,CAACE,IAAI,EAAEC,OAAO,CAAC,GAAGpB,QAAQ,CAACc,IAAI,CAACO,OAAO,CAAC;EAC9C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGvB,QAAQ,CAAoC,IAAIwB,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;EACvG,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGpB,QAAQ,CAGvCE,gBAAgB,EAAE;IAClBmB,SAAS,EAAE;MACTX;IACF;EACF,CAAC,CAAC;EAEFnB,SAAS,CAAC,MAAM;IACd,IAAI4B,IAAI,EAAE;MACRJ,aAAa,CAACZ,QAAQ,CAACgB,IAAI,EAAER,IAAI,CAAC,CAAC;IACrC;EACF,CAAC,EAAE,CAACQ,IAAI,EAAER,IAAI,CAAC,CAAC;EAEhB,MAAM;IAAEW;EAAK,CAAC,GAAGrB,SAAS,CAAC,CAAC;EAE5B,OACEX,KAAA,CAAAiC,aAAA;IAAK,eAAY,gBAAgB;IAACC,SAAS,EAAC;EAAoG,GAC7IJ,KAAK,IAAIN,UAAU,CAACW,MAAM,KAAK,CAAC,GAC/BnC,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAC;EAAkH,GAC/HlC,KAAA,CAAAiC,aAAA,CAAC1B,UAAU,MAAE,CACV,CAAC,GAENP,KAAA,CAAAiC,aAAA,CAAAjC,KAAA,CAAAoC,QAAA,QACEpC,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC7ClC,KAAA,CAAAiC,aAAA,CAAClB,UAAU;IACTsB,QAAQ,EAAET,OAAQ;IAClBU,QAAQ,EAAEjB,IAAI,KAAKL,IAAI,CAACO,OAAO,GAAGT,aAAa,CAACyB,EAAE,GAAGzB,aAAa,CAAC0B,IAAK;IACxEC,iBAAiB,EAAEA,CAAA,KAAMnB,OAAO,CAACN,IAAI,CAAC0B,OAAO,CAAE;IAC/CC,eAAe,EAAEA,CAAA,KAAMrB,OAAO,CAACN,IAAI,CAACO,OAAO;EAAE,CAC9C,CACE,CAAC,EACNvB,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAC;EAA+E,GAC5FlC,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAC;EAAqD,GAClElC,KAAA,CAAAiC,aAAA;IAAMC,SAAS,EAAC;EAAyC,GAAEF,IAAI,CAAC,WAAW,CAAQ,CAAC,EACpFhC,KAAA,CAAAiC,aAAA;IAAMC,SAAS,EAAC;EAAwC,GAAEF,IAAI,CAAC,UAAU,CAAQ,CAC9E,CAAC,EACLR,UAAU,CAACoB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAC1B9C,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAC,0CAA0C;IAACa,GAAG,EAAEF,IAAI,CAACG,IAAI,IAAIF;EAAM,GAChF9C,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCN,OAAO,GACN5B,KAAA,CAAAiC,aAAA,CAAC5B,MAAM;IAAC4C,IAAI,EAAE3C,UAAU,CAAC4C;EAAG,CAAE,CAAC,GAE/BlD,KAAA,CAAAiC,aAAA,CAACzB,QAAQ;IACP2C,QAAQ,EAAE,GAAI;IACdC,SAAS,EAAEnC,qBAAsB;IACjCiB,SAAS,EAAC,8CAA8C;IACxDmB,IAAI,EAAER,IAAI,CAACS,WAAW,IAAI;EAAS,CACpC,CAEA,CAAC,EACNtD,KAAA,CAAAiC,aAAA,CAAC9B,SAAS;IACRoD,SAAS,EAAE3B,OAAQ;IACnB4B,MAAM,EAAEpD,eAAe,CAAC8C,EAAG;IAC3BO,SAAS,EAAEZ,IAAI,CAACY;EAAU,CAC3B,CACE,CACN,CACE,CACL,CACH,EACDzD,KAAA,CAAAiC,aAAA,CAACxB,OAAO;IAACiD,EAAE,EAAEzC;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASC,IAAI"}

package/dist/module/SentimentWidget/Widget.js

@@ -24,7 +24,7 @@ const Widget = _ref => {
   const isError = error || sentiment?.shortPercent === 0 && sentiment?.longPercent === 0 || sentiment?.shortPercent === undefined || sentiment?.longPercent === undefined;
   return React.createElement("div", {
     "data-testid": "sentiment-widget",
-    className: "lw-border lw-border-solid lw-border-border-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary"
+    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"
   }, React.createElement("div", {
     className: "lw-flex lw-items-center lw-justify-between"
   }, React.createElement("div", {

package/dist/module/SentimentWidget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","names":["React","Sentiment","SentimentHeight","Error","Loader","LoaderSize","Truncate","useQuery","getInstrumentSentiment","INSTRUMENT_TOOLTIP_ID","Widget","_ref","instrument","division","loading","data","error","variables","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","size","md","maxWidth","tooltipId","text","displayName","withError","isLoading","height"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Sentiment, SentimentHeight, Error, Loader, LoaderSize, Truncate,\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\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-border lw-border-solid lw-border-border-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary\">\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              maxWidth={120}\n              tooltipId={INSTRUMENT_TOOLTIP_ID}\n              className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n              text={data?.sentiment?.[0]?.displayName || '\\u2014'}\n            />\n          )}\n        </div>\n        <Sentiment\n          withError={false}\n          isLoading={loading}\n          height={SentimentHeight.md}\n          sentiment={sentiment}\n        />\n      </div>\n      {!loading && isError && <Error />}\n    </div>\n  );\n};\n\nexport { Widget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAAEC,eAAe,EAAEC,KAAK,EAAEC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,QAC1D,2BAA2B;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,sBAAsB,QAAQ,+BAA+B;AAGtE,SAASC,qBAAqB,QAAQ,aAAa;AAEnD,MAAMC,MAAM,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,UAAU;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGT,QAAQ,CAGvCC,sBAAsB,EAAE;IACxBS,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,OACEvB,KAAA,CAAAwB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAA8G,GAC1JzB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAA4C,GACzDzB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCX,OAAO,IAAId,KAAA,CAAAwB,aAAA,CAACpB,MAAM;IAACsB,IAAI,EAAErB,UAAU,CAACsB;EAAG,CAAE,CAAC,EAC1C,CAACb,OAAO,IAAI,CAACM,OAAO,IACnBpB,KAAA,CAAAwB,aAAA,CAAClB,QAAQ;IACPsB,QAAQ,EAAE,GAAI;IACdC,SAAS,EAAEpB,qBAAsB;IACjCgB,SAAS,EAAC,8CAA8C;IACxDK,IAAI,EAAEf,IAAI,EAAEI,SAAS,GAAG,CAAC,CAAC,EAAEY,WAAW,IAAI;EAAS,CACrD,CAEA,CAAC,EACN/B,KAAA,CAAAwB,aAAA,CAACvB,SAAS;IACR+B,SAAS,EAAE,KAAM;IACjBC,SAAS,EAAEnB,OAAQ;IACnBoB,MAAM,EAAEhC,eAAe,CAACyB,EAAG;IAC3BR,SAAS,EAAEA;EAAU,CACtB,CACE,CAAC,EACL,CAACL,OAAO,IAAIM,OAAO,IAAIpB,KAAA,CAAAwB,aAAA,CAACrB,KAAK,MAAE,CAC7B,CAAC;AAEV,CAAC;AAED,SAASO,MAAM"}
+{"version":3,"file":"Widget.js","names":["React","Sentiment","SentimentHeight","Error","Loader","LoaderSize","Truncate","useQuery","getInstrumentSentiment","INSTRUMENT_TOOLTIP_ID","Widget","_ref","instrument","division","loading","data","error","variables","name","sentiment","isError","shortPercent","longPercent","undefined","createElement","className","size","md","maxWidth","tooltipId","text","displayName","withError","isLoading","height"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Sentiment, SentimentHeight, Error, Loader, LoaderSize, Truncate,\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\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-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      <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              maxWidth={120}\n              tooltipId={INSTRUMENT_TOOLTIP_ID}\n              className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n              text={data?.sentiment?.[0]?.displayName || '\\u2014'}\n            />\n          )}\n        </div>\n        <Sentiment\n          withError={false}\n          isLoading={loading}\n          height={SentimentHeight.md}\n          sentiment={sentiment}\n        />\n      </div>\n      {!loading && isError && <Error />}\n    </div>\n  );\n};\n\nexport { Widget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAAEC,eAAe,EAAEC,KAAK,EAAEC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,QAC1D,2BAA2B;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,sBAAsB,QAAQ,+BAA+B;AAGtE,SAASC,qBAAqB,QAAQ,aAAa;AAEnD,MAAMC,MAAM,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,UAAU;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGT,QAAQ,CAGvCC,sBAAsB,EAAE;IACxBS,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,OACEvB,KAAA,CAAAwB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAA+H,GAC3KzB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAA4C,GACzDzB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCX,OAAO,IAAId,KAAA,CAAAwB,aAAA,CAACpB,MAAM;IAACsB,IAAI,EAAErB,UAAU,CAACsB;EAAG,CAAE,CAAC,EAC1C,CAACb,OAAO,IAAI,CAACM,OAAO,IACnBpB,KAAA,CAAAwB,aAAA,CAAClB,QAAQ;IACPsB,QAAQ,EAAE,GAAI;IACdC,SAAS,EAAEpB,qBAAsB;IACjCgB,SAAS,EAAC,8CAA8C;IACxDK,IAAI,EAAEf,IAAI,EAAEI,SAAS,GAAG,CAAC,CAAC,EAAEY,WAAW,IAAI;EAAS,CACrD,CAEA,CAAC,EACN/B,KAAA,CAAAwB,aAAA,CAACvB,SAAS;IACR+B,SAAS,EAAE,KAAM;IACjBC,SAAS,EAAEnB,OAAQ;IACnBoB,MAAM,EAAEhC,eAAe,CAACyB,EAAG;IAC3BR,SAAS,EAAEA;EAAU,CACtB,CACE,CAAC,EACL,CAACL,OAAO,IAAIM,OAAO,IAAIpB,KAAA,CAAAwB,aAAA,CAACrB,KAAK,MAAE,CAC7B,CAAC;AAEV,CAAC;AAED,SAASO,MAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-sentiment-widget",
-  "version": "1.0.57",
+  "version": "1.0.58",
   "description": "Labs Sentiment Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.7.17",
-    "@oanda/labs-widget-common": "^1.0.57",
+    "@oanda/labs-widget-common": "^1.0.58",
     "@oanda/mono-i18n": "9.0.0",
     "classnames": "2.3.2",
     "graphql": "16.7.1"
@@ -22,5 +22,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "77137b3d9d3a9b36b78326df0b205fca69a45e72"
+  "gitHead": "3b9b700fb8e21e9fba3b0f71a466048e42fb0f83"
 }

package/src/SentimentWidget/Tool.tsx

@@ -34,7 +34,7 @@ const Tool = ({ division }: SentimentToolConfig) => {
   const { lang } = useLocale();
 
   return (
-    <div data-testid="sentiment-tool" className="lw-relative lw-overflow-hidden lw-text-sm lw-tracking-normal lw-text-text-primary">
+    <div data-testid="sentiment-tool" className="lw-relative lw-overflow-hidden lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary">
       {error || sortedData.length === 0 ? (
         <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">
           <ChartError />

package/src/SentimentWidget/Widget.tsx

@@ -26,7 +26,7 @@ const Widget = ({ instrument, division }: SentimentWidgetConfig) => {
     || sentiment?.longPercent === undefined;
 
   return (
-    <div data-testid="sentiment-widget" className="lw-border lw-border-solid lw-border-border-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary">
+    <div data-testid="sentiment-widget" 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">
       <div className="lw-flex lw-items-center lw-justify-between">
         <div className="lw-w-[120px] lw-shrink-0">
           {loading && <Loader size={LoaderSize.md} />}