@oanda/labs-sentiment-widget 1.0.14 → 1.0.16

package/CHANGELOG.md

@@ -3,6 +3,106 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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.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.14 (2023-10-03)
 
 

package/dist/main/SentimentWidget/Tool.js

@@ -35,27 +35,27 @@ const Tool = _ref => {
   }, [data, sort]);
   return _react.default.createElement("div", {
     "data-testid": "sentiment-tool",
-    className: "text-sm text-black"
+    className: "lw-text-sm lw-text-black"
   }, error ? _react.default.createElement("div", {
-    className: "flex h-[200px] items-center justify-center border border-solid border-grey p-2"
+    className: "lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2"
   }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
-    className: "flex justify-end pb-5"
+    className: "lw-flex lw-justify-end lw-pb-5"
   }, _react.default.createElement(_SortSwitch.SortSwitch, {
     disabled: loading,
     selected: sort === _types.SentimentSort.Bullish ? _SortSwitch.SelectedArrow.UP : _SortSwitch.SelectedArrow.DOWN,
     onClickButtonDown: () => setSort(_types.SentimentSort.Bearish),
     onClickButtonUp: () => setSort(_types.SentimentSort.Bullish)
   })), _react.default.createElement("div", {
-    className: "flex flex-col border border-solid border-grey p-2"
+    className: "lw-flex lw-flex-col lw-border lw-border-solid lw-border-grey lw-p-2"
   }, sortedData.map((item, index) => _react.default.createElement("div", {
-    className: "flex h-8 w-full items-center",
+    className: "lw-flex lw-h-8 lw-w-full lw-items-center",
     key: item.name || index
   }, _react.default.createElement("div", {
-    className: "w-[120px] shrink-0"
+    className: "lw-w-[120px] lw-shrink-0"
   }, loading ? _react.default.createElement(_labsWidgetCommon.Loader, {
     size: _labsWidgetCommon.LoaderSize.md
   }) : _react.default.createElement("p", {
-    className: "truncate font-sans font-bold"
+    className: "lw-truncate lw-font-sans lw-font-bold"
   }, item.name || '\u2014')), _react.default.createElement(_labsWidgetCommon.Sentiment, {
     isLoading: loading,
     height: _labsWidgetCommon.SentimentHeight.md,

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

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_client","_getSentimentList","_types","_utils","_SortSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Tool","_ref","division","sort","setSort","useState","SentimentSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","useEffect","sortData","sentimentList","createElement","className","ChartError","Fragment","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","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 {\n  SentimentListResponse, SentimentSort, SentimentListData, SentimentToolConfig,\n} from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const [sort, setSort] = useState(SentimentSort.Bullish);\n  const [sortedData, setSortedData] = useState<SentimentListData[]>(new Array(20).fill({}));\n  const { loading, data, error } = useQuery<SentimentListResponse>(getSentimentList, {\n    variables: {\n      division,\n    },\n  });\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data.sentimentList, sort));\n    }\n  }, [data, sort]);\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"text-sm text-black\">\n      {error ? (\n        <div className=\"flex h-[200px] items-center justify-center border border-solid border-grey p-2\">\n          <ChartError />\n        </div>\n      ) : (\n        <>\n          <div className=\"flex justify-end pb-5\">\n            <SortSwitch\n              disabled={loading}\n              selected={sort === SentimentSort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\n              onClickButtonDown={() => setSort(SentimentSort.Bearish)}\n              onClickButtonUp={() => setSort(SentimentSort.Bullish)}\n            />\n          </div>\n          <div className=\"flex flex-col border border-solid border-grey p-2\">\n            {sortedData.map((item, index) => (\n              <div className=\"flex h-8 w-full items-center\" key={item.name || index}>\n                <div className=\"w-[120px] shrink-0\">\n                  {loading ? (\n                    <Loader size={LoaderSize.md} />\n                  ) : (\n                    <p className=\"truncate font-sans font-bold\">{item.name || '\\u2014'}</p>\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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"}
+{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_client","_getSentimentList","_types","_utils","_SortSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Tool","_ref","division","sort","setSort","useState","SentimentSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","useEffect","sortData","sentimentList","createElement","className","ChartError","Fragment","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","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 {\n  SentimentListResponse, SentimentSort, SentimentListData, SentimentToolConfig,\n} from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const [sort, setSort] = useState(SentimentSort.Bullish);\n  const [sortedData, setSortedData] = useState<SentimentListData[]>(new Array(20).fill({}));\n  const { loading, data, error } = useQuery<SentimentListResponse>(getSentimentList, {\n    variables: {\n      division,\n    },\n  });\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data.sentimentList, sort));\n    }\n  }, [data, sort]);\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-text-black\">\n      {error ? (\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 === SentimentSort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\n              onClickButtonDown={() => setSort(SentimentSort.Bearish)}\n              onClickButtonUp={() => setSort(SentimentSort.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                    <p className=\"lw-truncate lw-font-sans lw-font-bold\">{item.name || '\\u2014'}</p>\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

@@ -30,9 +30,9 @@ const Widget = _ref => {
   const isError = error || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === 0 && (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === 0 || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === undefined || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === undefined;
   return _react.default.createElement("div", {
     "data-testid": "sentiment-widget",
-    className: "flex items-center justify-between border border-solid border-grey p-4 text-sm text-black"
+    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"
   }, !loading ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("p", {
-    className: "mr-12 font-sans font-bold"
+    className: "lw-mr-12 lw-font-sans lw-font-bold"
   }, instrument), !isError && _react.default.createElement(_labsWidgetCommon.Sentiment, {
     height: _labsWidgetCommon.SentimentHeight.md,
     sentiment: sentiment

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

@@ -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';\n\nconst Widget = ({ instrument, division }: SentimentWidgetConfig) => {\n  const { loading, data, error } = useQuery(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=\"flex items-center justify-between border border-solid border-grey p-4 text-sm text-black\">\n      {!loading\n        ? (\n          <>\n            <p className=\"mr-12 font-sans font-bold\">{instrument}</p>\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;AAGvE,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,EAACC,8CAAsB,EAAE;IAChEC,SAAS,EAAE;MACTC,IAAI,EAAER,UAAU;MAChBC;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEQ;EAAU,CAAC,GAAG,CAAAN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGN,KAAK,IACf,CAAAK,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAK,CAAC,IAAI,CAAAF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAK,CAAE,IAC/D,CAAAH,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAKE,SAAS,IACrC,CAAAJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAKC,SAAS;EAEzC,OACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAA0F,GACrI,CAACb,OAAO,GAELb,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAAAzB,MAAA,CAAAQ,OAAA,CAAAmB,QAAA,QACE3B,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAGC,SAAS,EAAC;EAA2B,GAAEf,UAAc,CAAC,EACxD,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"}
+{"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';\n\nconst Widget = ({ instrument, division }: SentimentWidgetConfig) => {\n  const { loading, data, error } = useQuery(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            <p className=\"lw-mr-12 lw-font-sans lw-font-bold\">{instrument}</p>\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;AAGvE,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,EAACC,8CAAsB,EAAE;IAChEC,SAAS,EAAE;MACTC,IAAI,EAAER,UAAU;MAChBC;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEQ;EAAU,CAAC,GAAG,CAAAN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGN,KAAK,IACf,CAAAK,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAK,CAAC,IAAI,CAAAF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAK,CAAE,IAC/D,CAAAH,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAKE,SAAS,IACrC,CAAAJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAKC,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;IAAGC,SAAS,EAAC;EAAoC,GAAEf,UAAc,CAAC,EACjE,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

@@ -18,37 +18,37 @@ const SortSwitch = _ref => {
   } = _ref;
   return _react.default.createElement("div", {
     "data-testid": "sort-switch",
-    className: (0, _classnames.default)('flex rounded border-[1px] border-solid font-sans text-xs', {
-      'border-darkGrey': disabled,
-      'border-navyBlue': !disabled
+    className: (0, _classnames.default)('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs', {
+      'lw-border-darkGrey': disabled,
+      'lw-border-navyBlue': !disabled
     })
   }, _react.default.createElement("button", {
     "data-testid": "sort-switch-button-up",
     disabled: disabled || selected === _types.SelectedArrow.UP,
     type: "button",
     onClick: onClickButtonUp,
-    className: (0, _classnames.default)('flex h-11 w-11 grow-0 items-center justify-center border-r-[1px] border-solid  [&:enabled:hover>*]:-translate-y-1', {
-      'bg-navyBlue': selected === _types.SelectedArrow.UP && !disabled
+    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', {
+      'lw-bg-navyBlue': selected === _types.SelectedArrow.UP && !disabled
     })
   }, _react.default.createElement(_labsWidgetCommon.LongArrowUp, {
-    className: (0, _classnames.default)('transition-transform', {
-      'stroke-darkGrey': disabled,
-      'stroke-navyBlue': selected !== _types.SelectedArrow.UP && !disabled,
-      'stroke-green': selected === _types.SelectedArrow.UP && !disabled
+    className: (0, _classnames.default)('lw-transition-transform', {
+      'lw-stroke-darkGrey': disabled,
+      'lw-stroke-navyBlue': selected !== _types.SelectedArrow.UP && !disabled,
+      'lw-stroke-green': selected === _types.SelectedArrow.UP && !disabled
     })
   })), _react.default.createElement("button", {
     "data-testid": "sort-switch-button-down",
     disabled: disabled || selected === _types.SelectedArrow.DOWN,
     type: "button",
     onClick: onClickButtonDown,
-    className: (0, _classnames.default)('flex h-11 w-11 grow-0 items-center justify-center text-center [&:enabled:hover>*]:translate-y-1', {
-      'bg-navyBlue': selected === _types.SelectedArrow.DOWN && !disabled
+    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', {
+      'lw-bg-navyBlue': selected === _types.SelectedArrow.DOWN && !disabled
     })
   }, _react.default.createElement(_labsWidgetCommon.LongArrowDown, {
-    className: (0, _classnames.default)('transition-transform', {
-      'stroke-darkGrey': disabled,
-      'stroke-navyBlue': selected !== _types.SelectedArrow.DOWN && !disabled,
-      'stroke-green': selected === _types.SelectedArrow.DOWN && !disabled
+    className: (0, _classnames.default)('lw-transition-transform', {
+      'lw-stroke-darkGrey': disabled,
+      'lw-stroke-navyBlue': selected !== _types.SelectedArrow.DOWN && !disabled,
+      'lw-stroke-green': selected === _types.SelectedArrow.DOWN && !disabled
     })
   })));
 };

package/dist/main/SentimentWidget/components/SortSwitch/SortSwitch.js.map

@@ -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      'flex rounded border-[1px] border-solid font-sans text-xs',\n      {\n        'border-darkGrey': disabled,\n        '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        'flex h-11 w-11 grow-0 items-center justify-center border-r-[1px] border-solid  [&:enabled:hover>*]:-translate-y-1',\n        {\n          'bg-navyBlue': selected === SelectedArrow.UP && !disabled,\n        },\n      )}\n    >\n      <LongArrowUp\n        className={classnames(\n          'transition-transform',\n          {\n            'stroke-darkGrey': disabled,\n            'stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,\n            '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        'flex h-11 w-11 grow-0 items-center justify-center text-center [&:enabled:hover>*]:translate-y-1',\n        {\n          'bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,\n        },\n      )}\n    >\n      <LongArrowDown\n        className={classnames(\n          'transition-transform',\n          {\n            'stroke-darkGrey': disabled,\n            'stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,\n            '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,0DAA0D,EAC1D;MACE,iBAAiB,EAAEH,QAAQ;MAC3B,iBAAiB,EAAE,CAACA;IACtB,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,mHAAmH,EACnH;MACE,aAAa,EAAEJ,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL;IACnD,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAO,aAAA,CAACX,iBAAA,CAAAkB,WAAW;IACVN,SAAS,EAAE,IAAAC,mBAAU,EACnB,sBAAsB,EACtB;MACE,iBAAiB,EAAEH,QAAQ;MAC3B,iBAAiB,EAAED,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL,QAAQ;MAC7D,cAAc,EAAED,QAAQ,KAAKK,oBAAa,CAACC,EAAE,IAAI,CAACL;IACpD,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,iGAAiG,EACjG;MACE,aAAa,EAAEJ,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT;IACrD,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAO,aAAA,CAACX,iBAAA,CAAAoB,aAAa;IACZR,SAAS,EAAE,IAAAC,mBAAU,EACnB,sBAAsB,EACtB;MACE,iBAAiB,EAAEH,QAAQ;MAC3B,iBAAiB,EAAED,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT,QAAQ;MAC/D,cAAc,EAAED,QAAQ,KAAKK,oBAAa,CAACK,IAAI,IAAI,CAACT;IACtD,CACF;EAAE,CACH,CACK,CACL,CAAC;AAAA,CACP;AAACW,OAAA,CAAAhB,UAAA,GAAAA,UAAA"}
+{"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"}

package/dist/main/SentimentWidget/render.js

@@ -7,11 +7,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const {
   graphqlUrl,
   division,
-  instrument
+  instrument,
+  renderElementId
 } = window.sentimentWidgetConfig;
 (0, _reactDom.render)(_react.default.createElement(_SentimentWidget.SentimentWidget, {
   graphqlUrl: graphqlUrl,
   division: division,
   instrument: instrument
-}), document.getElementById('sentiment'));
+}), document.getElementById(renderElementId));
 //# sourceMappingURL=render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_SentimentWidget","obj","__esModule","default","graphqlUrl","division","instrument","window","sentimentWidgetConfig","render","createElement","SentimentWidget","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  division,\n  instrument,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    division={division}\n    instrument={instrument}\n  />,\n  document.getElementById('sentiment'),\n);\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASpD,MAAM;EACJG,UAAU;EACVC,QAAQ;EACRC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhC,IAAAC,gBAAM,EACJb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,gBAAA,CAAAW,eAAe;EACdP,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,QAAS;EACnBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFM,QAAQ,CAACC,cAAc,CAAC,WAAW,CACrC,CAAC"}
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_SentimentWidget","obj","__esModule","default","graphqlUrl","division","instrument","renderElementId","window","sentimentWidgetConfig","render","createElement","SentimentWidget","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentWrapperConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentWrapperConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  division,\n  instrument,\n  renderElementId,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    division={division}\n    instrument={instrument}\n  />,\n  document.getElementById(renderElementId),\n);\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASpD,MAAM;EACJG,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhC,IAAAC,gBAAM,EACJd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,gBAAA,CAAAY,eAAe;EACdR,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,QAAS;EACnBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFO,QAAQ,CAACC,cAAc,CAACP,eAAe,CACzC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["SentimentSort","exports"],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["export interface SentimentConfig {\n  graphqlUrl: string;\n  division: string;\n  instrument?: string;\n}\n\nexport interface SentimentWidgetConfig {\n  division: string;\n  instrument: string;\n}\n\nexport interface SentimentToolConfig {\n  division: string;\n}\n\nexport interface SentimentListData {\n  name: string;\n  sentiment: {\n    shortPercent: number;\n    longPercent: number;\n  }\n}\n\nexport interface SentimentListResponse {\n  sentimentList: SentimentListData[]\n}\n\nexport enum SentimentSort {\n  Bearish = 'BEARISH',\n  Bullish = 'BULLISH',\n}\n"],"mappings":";;;;;;IA2BYA,aAAa,GAAAC,OAAA,CAAAD,aAAA,aAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA"}
+{"version":3,"file":"types.js","names":["SentimentSort","exports"],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["export interface SentimentConfig {\n  graphqlUrl: string;\n  division: string;\n  instrument?: string;\n}\nexport interface SentimentWrapperConfig extends SentimentConfig {\n  renderElementId: string;\n}\nexport interface SentimentWidgetConfig {\n  division: string;\n  instrument: string;\n}\n\nexport interface SentimentToolConfig {\n  division: string;\n}\n\nexport interface SentimentListData {\n  name: string;\n  sentiment: {\n    shortPercent: number;\n    longPercent: number;\n  }\n}\n\nexport interface SentimentListResponse {\n  sentimentList: SentimentListData[]\n}\n\nexport enum SentimentSort {\n  Bearish = 'BEARISH',\n  Bullish = 'BULLISH',\n}\n"],"mappings":";;;;;;IA6BYA,aAAa,GAAAC,OAAA,CAAAD,aAAA,aAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA"}

package/dist/module/SentimentWidget/Tool.js

@@ -27,27 +27,27 @@ const Tool = _ref => {
   }, [data, sort]);
   return React.createElement("div", {
     "data-testid": "sentiment-tool",
-    className: "text-sm text-black"
+    className: "lw-text-sm lw-text-black"
   }, error ? React.createElement("div", {
-    className: "flex h-[200px] items-center justify-center border border-solid border-grey p-2"
+    className: "lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2"
   }, React.createElement(ChartError, null)) : React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "flex justify-end pb-5"
+    className: "lw-flex lw-justify-end lw-pb-5"
   }, React.createElement(SortSwitch, {
     disabled: loading,
     selected: sort === SentimentSort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN,
     onClickButtonDown: () => setSort(SentimentSort.Bearish),
     onClickButtonUp: () => setSort(SentimentSort.Bullish)
   })), React.createElement("div", {
-    className: "flex flex-col border border-solid border-grey p-2"
+    className: "lw-flex lw-flex-col lw-border lw-border-solid lw-border-grey lw-p-2"
   }, sortedData.map((item, index) => React.createElement("div", {
-    className: "flex h-8 w-full items-center",
+    className: "lw-flex lw-h-8 lw-w-full lw-items-center",
     key: item.name || index
   }, React.createElement("div", {
-    className: "w-[120px] shrink-0"
+    className: "lw-w-[120px] lw-shrink-0"
   }, loading ? React.createElement(Loader, {
     size: LoaderSize.md
   }) : React.createElement("p", {
-    className: "truncate font-sans font-bold"
+    className: "lw-truncate lw-font-sans lw-font-bold"
   }, item.name || '\u2014')), React.createElement(Sentiment, {
     isLoading: loading,
     height: SentimentHeight.md,

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

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["React","useEffect","useState","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","useQuery","getSentimentList","SentimentSort","sortData","SelectedArrow","SortSwitch","Tool","_ref","division","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","sentimentList","createElement","className","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 {\n  SentimentListResponse, SentimentSort, SentimentListData, SentimentToolConfig,\n} from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const [sort, setSort] = useState(SentimentSort.Bullish);\n  const [sortedData, setSortedData] = useState<SentimentListData[]>(new Array(20).fill({}));\n  const { loading, data, error } = useQuery<SentimentListResponse>(getSentimentList, {\n    variables: {\n      division,\n    },\n  });\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data.sentimentList, sort));\n    }\n  }, [data, sort]);\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"text-sm text-black\">\n      {error ? (\n        <div className=\"flex h-[200px] items-center justify-center border border-solid border-grey p-2\">\n          <ChartError />\n        </div>\n      ) : (\n        <>\n          <div className=\"flex justify-end pb-5\">\n            <SortSwitch\n              disabled={loading}\n              selected={sort === SentimentSort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\n              onClickButtonDown={() => setSort(SentimentSort.Bearish)}\n              onClickButtonUp={() => setSort(SentimentSort.Bullish)}\n            />\n          </div>\n          <div className=\"flex flex-col border border-solid border-grey p-2\">\n            {sortedData.map((item, index) => (\n              <div className=\"flex h-8 w-full items-center\" key={item.name || index}>\n                <div className=\"w-[120px] shrink-0\">\n                  {loading ? (\n                    <Loader size={LoaderSize.md} />\n                  ) : (\n                    <p className=\"truncate font-sans font-bold\">{item.name || '\\u2014'}</p>\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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"}
+{"version":3,"file":"Tool.js","names":["React","useEffect","useState","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","useQuery","getSentimentList","SentimentSort","sortData","SelectedArrow","SortSwitch","Tool","_ref","division","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","sentimentList","createElement","className","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 {\n  SentimentListResponse, SentimentSort, SentimentListData, SentimentToolConfig,\n} from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const [sort, setSort] = useState(SentimentSort.Bullish);\n  const [sortedData, setSortedData] = useState<SentimentListData[]>(new Array(20).fill({}));\n  const { loading, data, error } = useQuery<SentimentListResponse>(getSentimentList, {\n    variables: {\n      division,\n    },\n  });\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data.sentimentList, sort));\n    }\n  }, [data, sort]);\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-text-black\">\n      {error ? (\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 === SentimentSort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\n              onClickButtonDown={() => setSort(SentimentSort.Bearish)}\n              onClickButtonUp={() => setSort(SentimentSort.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                    <p className=\"lw-truncate lw-font-sans lw-font-bold\">{item.name || '\\u2014'}</p>\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/module/SentimentWidget/Widget.js

@@ -23,9 +23,9 @@ const Widget = _ref => {
   const isError = error || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === 0 && (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === 0 || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === undefined || (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === undefined;
   return React.createElement("div", {
     "data-testid": "sentiment-widget",
-    className: "flex items-center justify-between border border-solid border-grey p-4 text-sm text-black"
+    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"
   }, !loading ? React.createElement(React.Fragment, null, React.createElement("p", {
-    className: "mr-12 font-sans font-bold"
+    className: "lw-mr-12 lw-font-sans lw-font-bold"
   }, instrument), !isError && React.createElement(Sentiment, {
     height: SentimentHeight.md,
     sentiment: sentiment

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

@@ -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';\n\nconst Widget = ({ instrument, division }: SentimentWidgetConfig) => {\n  const { loading, data, error } = useQuery(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=\"flex items-center justify-between border border-solid border-grey p-4 text-sm text-black\">\n      {!loading\n        ? (\n          <>\n            <p className=\"mr-12 font-sans font-bold\">{instrument}</p>\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;AAGtE,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,CAACC,sBAAsB,EAAE;IAChEQ,SAAS,EAAE;MACTC,IAAI,EAAEN,UAAU;MAChBC;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEM;EAAU,CAAC,GAAG,CAAAJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGJ,KAAK,IACf,CAAAG,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAK,CAAC,IAAI,CAAAF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAK,CAAE,IAC/D,CAAAH,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAKE,SAAS,IACrC,CAAAJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAKC,SAAS;EAEzC,OACEpB,KAAA,CAAAqB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAA0F,GACrI,CAACX,OAAO,GAELX,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAuB,QAAA,QACEvB,KAAA,CAAAqB,aAAA;IAAGC,SAAS,EAAC;EAA2B,GAAEb,UAAc,CAAC,EACxD,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"}
+{"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';\n\nconst Widget = ({ instrument, division }: SentimentWidgetConfig) => {\n  const { loading, data, error } = useQuery(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            <p className=\"lw-mr-12 lw-font-sans lw-font-bold\">{instrument}</p>\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;AAGtE,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,CAACC,sBAAsB,EAAE;IAChEQ,SAAS,EAAE;MACTC,IAAI,EAAEN,UAAU;MAChBC;IACF;EACF,CAAC,CAAC;EAEF,MAAM;IAAEM;EAAU,CAAC,GAAG,CAAAJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGJ,KAAK,IACf,CAAAG,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAK,CAAC,IAAI,CAAAF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAK,CAAE,IAC/D,CAAAH,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,YAAY,MAAKE,SAAS,IACrC,CAAAJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,WAAW,MAAKC,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;IAAGC,SAAS,EAAC;EAAoC,GAAEb,UAAc,CAAC,EACjE,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

@@ -11,37 +11,37 @@ const SortSwitch = _ref => {
   } = _ref;
   return React.createElement("div", {
     "data-testid": "sort-switch",
-    className: classnames('flex rounded border-[1px] border-solid font-sans text-xs', {
-      'border-darkGrey': disabled,
-      'border-navyBlue': !disabled
+    className: classnames('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs', {
+      'lw-border-darkGrey': disabled,
+      'lw-border-navyBlue': !disabled
     })
   }, React.createElement("button", {
     "data-testid": "sort-switch-button-up",
     disabled: disabled || selected === SelectedArrow.UP,
     type: "button",
     onClick: onClickButtonUp,
-    className: classnames('flex h-11 w-11 grow-0 items-center justify-center border-r-[1px] border-solid  [&:enabled:hover>*]:-translate-y-1', {
-      'bg-navyBlue': selected === SelectedArrow.UP && !disabled
+    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', {
+      'lw-bg-navyBlue': selected === SelectedArrow.UP && !disabled
     })
   }, React.createElement(LongArrowUp, {
-    className: classnames('transition-transform', {
-      'stroke-darkGrey': disabled,
-      'stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,
-      'stroke-green': selected === SelectedArrow.UP && !disabled
+    className: classnames('lw-transition-transform', {
+      'lw-stroke-darkGrey': disabled,
+      'lw-stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,
+      'lw-stroke-green': selected === SelectedArrow.UP && !disabled
     })
   })), React.createElement("button", {
     "data-testid": "sort-switch-button-down",
     disabled: disabled || selected === SelectedArrow.DOWN,
     type: "button",
     onClick: onClickButtonDown,
-    className: classnames('flex h-11 w-11 grow-0 items-center justify-center text-center [&:enabled:hover>*]:translate-y-1', {
-      'bg-navyBlue': selected === SelectedArrow.DOWN && !disabled
+    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', {
+      'lw-bg-navyBlue': selected === SelectedArrow.DOWN && !disabled
     })
   }, React.createElement(LongArrowDown, {
-    className: classnames('transition-transform', {
-      'stroke-darkGrey': disabled,
-      'stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,
-      'stroke-green': selected === SelectedArrow.DOWN && !disabled
+    className: classnames('lw-transition-transform', {
+      'lw-stroke-darkGrey': disabled,
+      'lw-stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,
+      'lw-stroke-green': selected === SelectedArrow.DOWN && !disabled
     })
   })));
 };

package/dist/module/SentimentWidget/components/SortSwitch/SortSwitch.js.map

@@ -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      'flex rounded border-[1px] border-solid font-sans text-xs',\n      {\n        'border-darkGrey': disabled,\n        '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        'flex h-11 w-11 grow-0 items-center justify-center border-r-[1px] border-solid  [&:enabled:hover>*]:-translate-y-1',\n        {\n          'bg-navyBlue': selected === SelectedArrow.UP && !disabled,\n        },\n      )}\n    >\n      <LongArrowUp\n        className={classnames(\n          'transition-transform',\n          {\n            'stroke-darkGrey': disabled,\n            'stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,\n            '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        'flex h-11 w-11 grow-0 items-center justify-center text-center [&:enabled:hover>*]:translate-y-1',\n        {\n          'bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,\n        },\n      )}\n    >\n      <LongArrowDown\n        className={classnames(\n          'transition-transform',\n          {\n            'stroke-darkGrey': disabled,\n            'stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,\n            '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,0DAA0D,EAC1D;MACE,iBAAiB,EAAES,QAAQ;MAC3B,iBAAiB,EAAE,CAACA;IACtB,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,mHAAmH,EACnH;MACE,aAAa,EAAEQ,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH;IACnD,CACF;EAAE,GAEFV,KAAA,CAAAW,aAAA,CAACT,WAAW;IACVU,SAAS,EAAEX,UAAU,CACnB,sBAAsB,EACtB;MACE,iBAAiB,EAAES,QAAQ;MAC3B,iBAAiB,EAAED,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH,QAAQ;MAC7D,cAAc,EAAED,QAAQ,KAAKL,aAAa,CAACS,EAAE,IAAI,CAACH;IACpD,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,iGAAiG,EACjG;MACE,aAAa,EAAEQ,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN;IACrD,CACF;EAAE,GAEFV,KAAA,CAAAW,aAAA,CAACR,aAAa;IACZS,SAAS,EAAEX,UAAU,CACnB,sBAAsB,EACtB;MACE,iBAAiB,EAAES,QAAQ;MAC3B,iBAAiB,EAAED,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN,QAAQ;MAC/D,cAAc,EAAED,QAAQ,KAAKL,aAAa,CAACY,IAAI,IAAI,CAACN;IACtD,CACF;EAAE,CACH,CACK,CACL,CAAC;AAAA,CACP;AAED,SACEL,UAAU"}
+{"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"}

package/dist/module/SentimentWidget/render.js

@@ -4,11 +4,12 @@ import { SentimentWidget } from './SentimentWidget';
 const {
   graphqlUrl,
   division,
-  instrument
+  instrument,
+  renderElementId
 } = window.sentimentWidgetConfig;
 render(React.createElement(SentimentWidget, {
   graphqlUrl: graphqlUrl,
   division: division,
   instrument: instrument
-}), document.getElementById('sentiment'));
+}), document.getElementById(renderElementId));
 //# sourceMappingURL=render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["React","render","SentimentWidget","graphqlUrl","division","instrument","window","sentimentWidgetConfig","createElement","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  division,\n  instrument,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    division={division}\n    instrument={instrument}\n  />,\n  document.getElementById('sentiment'),\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AASnD,MAAM;EACJC,UAAU;EACVC,QAAQ;EACRC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhCN,MAAM,CACJD,KAAA,CAAAQ,aAAA,CAACN,eAAe;EACdC,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,QAAS;EACnBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFI,QAAQ,CAACC,cAAc,CAAC,WAAW,CACrC,CAAC"}
+{"version":3,"file":"render.js","names":["React","render","SentimentWidget","graphqlUrl","division","instrument","renderElementId","window","sentimentWidgetConfig","createElement","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentWrapperConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentWrapperConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  division,\n  instrument,\n  renderElementId,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    division={division}\n    instrument={instrument}\n  />,\n  document.getElementById(renderElementId),\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AASnD,MAAM;EACJC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhCP,MAAM,CACJD,KAAA,CAAAS,aAAA,CAACP,eAAe;EACdC,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,QAAS;EACnBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFK,QAAQ,CAACC,cAAc,CAACL,eAAe,CACzC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["SentimentSort"],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["export interface SentimentConfig {\n  graphqlUrl: string;\n  division: string;\n  instrument?: string;\n}\n\nexport interface SentimentWidgetConfig {\n  division: string;\n  instrument: string;\n}\n\nexport interface SentimentToolConfig {\n  division: string;\n}\n\nexport interface SentimentListData {\n  name: string;\n  sentiment: {\n    shortPercent: number;\n    longPercent: number;\n  }\n}\n\nexport interface SentimentListResponse {\n  sentimentList: SentimentListData[]\n}\n\nexport enum SentimentSort {\n  Bearish = 'BEARISH',\n  Bullish = 'BULLISH',\n}\n"],"mappings":"AA2BA,WAAYA,aAAa,aAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA"}
+{"version":3,"file":"types.js","names":["SentimentSort"],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["export interface SentimentConfig {\n  graphqlUrl: string;\n  division: string;\n  instrument?: string;\n}\nexport interface SentimentWrapperConfig extends SentimentConfig {\n  renderElementId: string;\n}\nexport interface SentimentWidgetConfig {\n  division: string;\n  instrument: string;\n}\n\nexport interface SentimentToolConfig {\n  division: string;\n}\n\nexport interface SentimentListData {\n  name: string;\n  sentiment: {\n    shortPercent: number;\n    longPercent: number;\n  }\n}\n\nexport interface SentimentListResponse {\n  sentimentList: SentimentListData[]\n}\n\nexport enum SentimentSort {\n  Bearish = 'BEARISH',\n  Bullish = 'BULLISH',\n}\n"],"mappings":"AA6BA,WAAYA,aAAa,aAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA"}

package/dist/types/SentimentWidget/render.d.ts

@@ -1,6 +1,6 @@
-import { SentimentConfig } from './types';
+import { SentimentWrapperConfig } from './types';
 declare global {
     interface Window {
-        sentimentWidgetConfig: SentimentConfig;
+        sentimentWidgetConfig: SentimentWrapperConfig;
     }
 }

package/dist/types/SentimentWidget/types.d.ts

@@ -3,6 +3,9 @@ export interface SentimentConfig {
     division: string;
     instrument?: string;
 }
+export interface SentimentWrapperConfig extends SentimentConfig {
+    renderElementId: string;
+}
 export interface SentimentWidgetConfig {
     division: string;
     instrument: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-sentiment-widget",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Labs Sentiment Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -11,9 +11,9 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.7.17",
-    "@oanda/labs-widget-common": "^1.0.14",
+    "@oanda/labs-widget-common": "^1.0.16",
     "classnames": "2.3.2",
     "graphql": "16.7.1"
   },
-  "gitHead": "2982f2dca91f3e4f98dc64163126dbc1f93e6a08"
+  "gitHead": "d3da8df6da16f89440ea05148ad3472e3213e592"
 }

package/src/SentimentWidget/Tool.tsx

@@ -26,14 +26,14 @@ const Tool = ({ division }: SentimentToolConfig) => {
   }, [data, sort]);
 
   return (
-    <div data-testid="sentiment-tool" className="text-sm text-black">
+    <div data-testid="sentiment-tool" className="lw-text-sm lw-text-black">
       {error ? (
-        <div className="flex h-[200px] items-center justify-center border border-solid border-grey p-2">
+        <div className="lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2">
           <ChartError />
         </div>
       ) : (
         <>
-          <div className="flex justify-end pb-5">
+          <div className="lw-flex lw-justify-end lw-pb-5">
             <SortSwitch
               disabled={loading}
               selected={sort === SentimentSort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}
@@ -41,14 +41,14 @@ const Tool = ({ division }: SentimentToolConfig) => {
               onClickButtonUp={() => setSort(SentimentSort.Bullish)}
             />
           </div>
-          <div className="flex flex-col border border-solid border-grey p-2">
+          <div className="lw-flex lw-flex-col lw-border lw-border-solid lw-border-grey lw-p-2">
             {sortedData.map((item, index) => (
-              <div className="flex h-8 w-full items-center" key={item.name || index}>
-                <div className="w-[120px] shrink-0">
+              <div className="lw-flex lw-h-8 lw-w-full lw-items-center" key={item.name || index}>
+                <div className="lw-w-[120px] lw-shrink-0">
                   {loading ? (
                     <Loader size={LoaderSize.md} />
                   ) : (
-                    <p className="truncate font-sans font-bold">{item.name || '\u2014'}</p>
+                    <p className="lw-truncate lw-font-sans lw-font-bold">{item.name || '\u2014'}</p>
                   )}
                 </div>
                 <Sentiment

package/src/SentimentWidget/Widget.tsx

@@ -21,11 +21,11 @@ const Widget = ({ instrument, division }: SentimentWidgetConfig) => {
     || sentiment?.longPercent === undefined;
 
   return (
-    <div data-testid="sentiment-widget" className="flex items-center justify-between border border-solid border-grey p-4 text-sm text-black">
+    <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">
       {!loading
         ? (
           <>
-            <p className="mr-12 font-sans font-bold">{instrument}</p>
+            <p className="lw-mr-12 lw-font-sans lw-font-bold">{instrument}</p>
             {!isError && <Sentiment height={SentimentHeight.md} sentiment={sentiment} />}
             {isError && <Error />}
           </>

package/src/SentimentWidget/components/SortSwitch/SortSwitch.tsx

@@ -9,10 +9,10 @@ const SortSwitch = ({
   <div
     data-testid="sort-switch"
     className={classnames(
-      'flex rounded border-[1px] border-solid font-sans text-xs',
+      'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs',
       {
-        'border-darkGrey': disabled,
-        'border-navyBlue': !disabled,
+        'lw-border-darkGrey': disabled,
+        'lw-border-navyBlue': !disabled,
       },
     )}
   >
@@ -22,19 +22,19 @@ const SortSwitch = ({
       type="button"
       onClick={onClickButtonUp}
       className={classnames(
-        'flex h-11 w-11 grow-0 items-center justify-center border-r-[1px] border-solid  [&:enabled:hover>*]:-translate-y-1',
+        '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',
         {
-          'bg-navyBlue': selected === SelectedArrow.UP && !disabled,
+          'lw-bg-navyBlue': selected === SelectedArrow.UP && !disabled,
         },
       )}
     >
       <LongArrowUp
         className={classnames(
-          'transition-transform',
+          'lw-transition-transform',
           {
-            'stroke-darkGrey': disabled,
-            'stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,
-            'stroke-green': selected === SelectedArrow.UP && !disabled,
+            'lw-stroke-darkGrey': disabled,
+            'lw-stroke-navyBlue': selected !== SelectedArrow.UP && !disabled,
+            'lw-stroke-green': selected === SelectedArrow.UP && !disabled,
           },
         )}
       />
@@ -45,19 +45,19 @@ const SortSwitch = ({
       type="button"
       onClick={onClickButtonDown}
       className={classnames(
-        'flex h-11 w-11 grow-0 items-center justify-center text-center [&:enabled:hover>*]:translate-y-1',
+        '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',
         {
-          'bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,
+          'lw-bg-navyBlue': selected === SelectedArrow.DOWN && !disabled,
         },
       )}
     >
       <LongArrowDown
         className={classnames(
-          'transition-transform',
+          'lw-transition-transform',
           {
-            'stroke-darkGrey': disabled,
-            'stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,
-            'stroke-green': selected === SelectedArrow.DOWN && !disabled,
+            'lw-stroke-darkGrey': disabled,
+            'lw-stroke-navyBlue': selected !== SelectedArrow.DOWN && !disabled,
+            'lw-stroke-green': selected === SelectedArrow.DOWN && !disabled,
           },
         )}
       />

package/src/SentimentWidget/render.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { render } from 'react-dom';
 import { SentimentWidget } from './SentimentWidget';
-import { SentimentConfig } from './types';
+import { SentimentWrapperConfig } from './types';
 
 declare global {
   interface Window {
-    sentimentWidgetConfig: SentimentConfig;
+    sentimentWidgetConfig: SentimentWrapperConfig;
   }
 }
 
@@ -13,6 +13,7 @@ const {
   graphqlUrl,
   division,
   instrument,
+  renderElementId,
 } = window.sentimentWidgetConfig;
 
 render(
@@ -21,5 +22,5 @@ render(
     division={division}
     instrument={instrument}
   />,
-  document.getElementById('sentiment'),
+  document.getElementById(renderElementId),
 );

package/src/SentimentWidget/types.ts

@@ -3,7 +3,9 @@ export interface SentimentConfig {
   division: string;
   instrument?: string;
 }
-
+export interface SentimentWrapperConfig extends SentimentConfig {
+  renderElementId: string;
+}
 export interface SentimentWidgetConfig {
   division: string;
   instrument: string;