@oanda/labs-ticker-tape-widget 1.0.16 → 1.0.18

package/CHANGELOG.md

@@ -3,6 +3,154 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.18 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+**Note:** Version bump only for package @oanda/labs-ticker-tape-widget
+
+
+
+
+
+## 1.0.17 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+**Note:** Version bump only for package @oanda/labs-ticker-tape-widget
+
+
+
+
+
 ## 1.0.16 (2024-09-10)
 
 

package/dist/main/TickerTapeWidget/Main.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Main = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactFastMarquee = _interopRequireDefault(require("react-fast-marquee"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _constant = require("./constant");
 var _InstrumentRateWithData = require("./components/InstrumentRateWithData");
+var _MarqueeWrapper = require("./components/MarqueeWrapper");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,7 +17,8 @@ const Main = _ref => {
   let {
     records,
     division,
-    size: widgetSize = 'fullWithChart'
+    size: widgetSize = 'fullWithChart',
+    motion = 'linear'
   } = _ref;
   const {
     target,
@@ -37,17 +38,17 @@ const Main = _ref => {
     }
   }, [records]);
   return _react.default.createElement("div", {
-    "data-testid": "ticker-tape-wrapper"
-  }, _react.default.createElement(_reactFastMarquee.default, {
-    play: records.length > 0,
-    autoFill: true,
-    pauseOnHover: true,
-    speed: 60
+    "data-testid": "ticker-tape-wrapper",
+    className: "lw-flex"
+  }, _react.default.createElement(_MarqueeWrapper.MarqueeWrapper, {
+    shouldPlay: records.length > 0,
+    isStatic: motion === 'none'
   }, records.map(record => _react.default.createElement("div", {
     key: record.instrument,
     className: (0, _classnames.default)('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
       'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact'
+      'lw-h-[54px]': widgetSize === 'compact',
+      'lw-w-fit last:lw-border-r': motion === 'none'
     })
   }, _react.default.createElement(_InstrumentRateWithData.InstrumentRateWithData, {
     record: record,

package/dist/main/TickerTapeWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_reactFastMarquee","_interopRequireDefault","_classnames","_labsWidgetCommon","_constant","_InstrumentRateWithData","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","records","division","size","widgetSize","target","setQuery","useLiveRatesQuery","instrumentsNames","map","_ref2","instrument","instrumentName","useEffect","instruments","createElement","play","length","autoFill","pauseOnHover","speed","record","key","className","classnames","InstrumentRateWithData","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Marquee from 'react-fast-marquee';\nimport classnames from 'classnames';\nimport { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\">\n      <Marquee\n        play={records.length > 0}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n          >\n            <InstrumentRateWithData\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </Marquee>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_constant","_InstrumentRateWithData","_MarqueeWrapper","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","records","division","size","widgetSize","motion","target","setQuery","useLiveRatesQuery","instrumentsNames","map","_ref2","instrument","instrumentName","useEffect","instruments","createElement","className","MarqueeWrapper","shouldPlay","length","isStatic","record","key","classnames","InstrumentRateWithData","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classnames from 'classnames';\nimport { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\nimport { MarqueeWrapper } from './components/MarqueeWrapper';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n  motion = 'linear',\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\" className=\"lw-flex\">\n      <MarqueeWrapper shouldPlay={records.length > 0} isStatic={motion === 'none'}>\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n              'lw-w-fit last:lw-border-r': motion === 'none',\n            })}\n          >\n            <InstrumentRateWithData\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </MarqueeWrapper>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/TickerTapeWidget/TickerTapeWidget.js

@@ -23,7 +23,8 @@ const TickerTapeWidget = _ref => {
     theme,
     isParamError,
     removePadding,
-    size
+    size,
+    motion
   } = _ref;
   const client = new _client.ApolloClient({
     uri: graphqlUrl,
@@ -44,9 +45,11 @@ const TickerTapeWidget = _ref => {
     client: client
   }, _react.default.createElement(_react.Suspense, null, _react.default.createElement(_labsWidgetCommon.ThemeProvider, {
     removePadding: removePadding,
-    theme: theme
+    theme: theme,
+    fitContent: motion === 'none'
   }, _react.default.createElement(_ValidationWrapper.ValidationWrapper, {
     size: size,
+    motion: motion,
     instruments: instruments,
     division: division,
     isParamError: isParamError

package/dist/main/TickerTapeWidget/TickerTapeWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TickerTapeWidget.js","names":["_react","_interopRequireWildcard","require","_client","_monoI18n","_labsWidgetCommon","_translations","_types","_ValidationWrapper","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","LocaleProvider","getLocale","translations","LiveRatesProvider","url","options","ApolloProvider","Suspense","ThemeProvider","ValidationWrapper","exports"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { LiveRatesProvider, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, TickerTapeConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <LiveRatesProvider\n        url={liveRatesUrl}\n        options={{ divisionCode, dataSource }}\n      >\n        <ApolloProvider client={client}>\n          <Suspense>\n            <ThemeProvider removePadding={removePadding} theme={theme}>\n              <ValidationWrapper\n                size={size}\n                instruments={instruments}\n                division={division}\n                isParamError={isParamError}\n              />\n            </ThemeProvider>\n          </Suspense>\n        </ApolloProvider>\n      </LiveRatesProvider>\n    </LocaleProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TickerTapeWidget.js","names":["_react","_interopRequireWildcard","require","_client","_monoI18n","_labsWidgetCommon","_translations","_types","_ValidationWrapper","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","motion","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","LocaleProvider","getLocale","translations","LiveRatesProvider","url","options","ApolloProvider","Suspense","ThemeProvider","fitContent","ValidationWrapper","exports"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { LiveRatesProvider, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, TickerTapeConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n  motion,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <LiveRatesProvider\n        url={liveRatesUrl}\n        options={{ divisionCode, dataSource }}\n      >\n        <ApolloProvider client={client}>\n          <Suspense>\n            <ThemeProvider removePadding={removePadding} theme={theme} fitContent={motion === 'none'}>\n              <ValidationWrapper\n                size={size}\n                motion={motion}\n                instruments={instruments}\n                division={division}\n                isParamError={isParamError}\n              />\n            </ThemeProvider>\n          </Suspense>\n        </ApolloProvider>\n      </LiveRatesProvider>\n    </LocaleProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/TickerTapeWidget/ValidationWrapper.js

@@ -19,6 +19,7 @@ const ValidationWrapper = _ref => {
     instruments,
     division,
     size: widgetSize,
+    motion,
     isParamError
   } = _ref;
   const {
@@ -39,7 +40,8 @@ const ValidationWrapper = _ref => {
   return _react.default.createElement(_react.default.Fragment, null, !showError && size && _react.default.createElement(_Main.Main, {
     size: widgetSize,
     division: division,
-    records: (0, _utils.getRecords)(data)
+    records: (0, _utils.getRecords)(data),
+    motion: motion
   }), showError && _react.default.createElement("div", {
     className: (0, _classnames.default)('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
       'lw-h-[82px]': widgetSize !== 'compact',

package/dist/main/TickerTapeWidget/ValidationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["_react","_interopRequireWildcard","require","_client","_classnames","_interopRequireDefault","_labsWidgetCommon","_validateInstruments","_Main","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ValidationWrapper","_ref","instruments","division","size","widgetSize","isParamError","useContext","ThemeContext","data","error","useSuspenseQuery","validateInstruments","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","Main","records","getRecords","className","classnames","Error","exports"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport { Error, ThemeContext } from '@oanda/labs-widget-common';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { Main } from './Main';\nimport { getRecords } from './utils';\nimport { ValidationWrapperProps } from './types';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const { size } = useContext(ThemeContext);\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && size && (\n        <Main\n          size={widgetSize}\n          division={division}\n          records={getRecords(data!)!}\n        />\n      )}\n      {showError && (\n      <div className={classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n        'lw-h-[82px]': widgetSize !== 'compact',\n        'lw-h-[54px]': widgetSize === 'compact',\n      })}\n      >\n        <Error />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ValidationWrapper.js","names":["_react","_interopRequireWildcard","require","_client","_classnames","_interopRequireDefault","_labsWidgetCommon","_validateInstruments","_Main","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","useContext","ThemeContext","data","error","useSuspenseQuery","validateInstruments","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","Main","records","getRecords","className","classnames","Error","exports"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport { Error, ThemeContext } from '@oanda/labs-widget-common';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { Main } from './Main';\nimport { getRecords } from './utils';\nimport { ValidationWrapperProps } from './types';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  motion,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const { size } = useContext(ThemeContext);\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && size && (\n        <Main\n          size={widgetSize}\n          division={division}\n          records={getRecords(data!)!}\n          motion={motion}\n        />\n      )}\n      {showError && (\n      <div className={classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n        'lw-h-[82px]': widgetSize !== 'compact',\n        'lw-h-[54px]': widgetSize === 'compact',\n      })}\n      >\n        <Error />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarqueeWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactFastMarquee = _interopRequireDefault(require("react-fast-marquee"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MarqueeWrapper = _ref => {
+  let {
+    children,
+    shouldPlay,
+    isStatic
+  } = _ref;
+  return _react.default.createElement(_react.default.Fragment, null, !isStatic ? _react.default.createElement(_reactFastMarquee.default, {
+    play: shouldPlay,
+    autoFill: true,
+    pauseOnHover: true,
+    speed: 60
+  }, children) : children);
+};
+exports.MarqueeWrapper = MarqueeWrapper;
+//# sourceMappingURL=MarqueeWrapper.js.map

package/dist/main/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarqueeWrapper.js","names":["_react","_interopRequireDefault","require","_reactFastMarquee","e","__esModule","default","MarqueeWrapper","_ref","children","shouldPlay","isStatic","createElement","Fragment","play","autoFill","pauseOnHover","speed","exports"],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport Marquee from 'react-fast-marquee';\nimport { MarqueeWrapperProps } from './types';\n\nconst MarqueeWrapper = ({\n  children,\n  shouldPlay,\n  isStatic,\n}: MarqueeWrapperProps) => (\n  <>\n    {!isStatic ? (\n      <Marquee\n        play={shouldPlay}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {children}\n      </Marquee>\n    ) : children}\n  </>\n);\n\nexport { MarqueeWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGzC,MAAMG,cAAc,GAAGC,IAAA;EAAA,IAAC;IACtBC,QAAQ;IACRC,UAAU;IACVC;EACmB,CAAC,GAAAH,IAAA;EAAA,OACpBR,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAAAZ,MAAA,CAAAM,OAAA,CAAAO,QAAA,QACG,CAACF,QAAQ,GACRX,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAACT,iBAAA,CAAAG,OAAO;IACNQ,IAAI,EAAEJ,UAAW;IACjBK,QAAQ;IACRC,YAAY;IACZC,KAAK,EAAE;EAAG,GAETR,QACM,CAAC,GACRA,QACJ,CAAC;AAAA,CACJ;AAACS,OAAA,CAAAX,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/MarqueeWrapper/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _MarqueeWrapper = require("./MarqueeWrapper");
+Object.keys(_MarqueeWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MarqueeWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MarqueeWrapper[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/main/TickerTapeWidget/components/MarqueeWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_MarqueeWrapper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/index.tsx"],"sourcesContent":["export * from './MarqueeWrapper';\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/MarqueeWrapper/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/main/TickerTapeWidget/components/MarqueeWrapper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/types.ts"],"sourcesContent":["export interface MarqueeWrapperProps {\n  children: React.ReactNode;\n  shouldPlay: boolean;\n  isStatic: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/main/TickerTapeWidget/render.js

@@ -19,7 +19,8 @@ dataTickerTapeParamsElements.forEach(element => {
     instruments,
     division,
     locale,
-    size
+    size,
+    motion
   } = JSON.parse(params);
   const isParamError = (0, _labsWidgetCommon.validateToolParams)({
     division,
@@ -49,7 +50,8 @@ dataTickerTapeParamsElements.forEach(element => {
     locale: locale,
     theme: mode,
     isParamError: isParamError,
-    size: size
+    size: size,
+    motion: motion
   }));
 });
 //# sourceMappingURL=render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_TickerTapeWidget","_graphql","e","__esModule","default","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","instruments","division","locale","size","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","length","render","createElement","TickerTapeWidget","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { TickerTapeWidget } from './TickerTapeWidget';\nimport { Division } from '../gql/types/graphql';\n\nconst {\n  graphqlUrl,\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll('div[data-ticker-tape-params]');\n\ndataTickerTapeParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-ticker-tape-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    instruments, division, locale, size,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, graphqlUrl, liveRatesUrl, instruments,\n  }, [{\n    name: 'locale',\n    valueCheck: (value) => validateLocale(value),\n  }, {\n    name: 'division',\n    valueCheck: (value) => Object.values(Division).includes(value),\n  }, {\n    name: 'instruments',\n    valueCheck: (value) => value.length > 0 && value.length <= 10,\n  }, {\n    name: 'graphqlUrl',\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <TickerTapeWidget\n      graphqlUrl={graphqlUrl}\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      instruments={instruments}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n      size={size}\n    />,\n  );\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAgD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAM;EACJG,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,8BAA8B,CAAC;AAE9FF,4BAA4B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAChD,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,yBAAyB,CAAC;EAC9D,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EACjC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACR,MAAgB,CAAC;EAEhC,MAAMS,YAAY,GAAG,IAAAC,oCAAkB,EAAC;IACtCN,QAAQ;IAAEC,MAAM;IAAEhB,UAAU;IAAEC,YAAY;IAAEa;EAC9C,CAAC,EAAE,CAAC;IACFQ,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAK,IAAAC,gCAAc,EAACD,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACM,MAAM,GAAG,CAAC,IAAIN,KAAK,CAACM,MAAM,IAAI;EAC7D,CAAC,EAAE;IACDR,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHb,IAAI,CAACsB,MAAM,CACTzC,MAAA,CAAAS,OAAA,CAAAiC,aAAA,CAACrC,iBAAA,CAAAsC,gBAAgB;IACfjC,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3Bc,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IACfkB,KAAK,EAAErB,IAAc;IACrBO,YAAY,EAAEA,YAAa;IAC3BH,IAAI,EAAEA;EAAK,CACZ,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_TickerTapeWidget","_graphql","e","__esModule","default","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","instruments","division","locale","size","motion","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","length","render","createElement","TickerTapeWidget","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { TickerTapeWidget } from './TickerTapeWidget';\nimport { Division } from '../gql/types/graphql';\n\nconst {\n  graphqlUrl,\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll('div[data-ticker-tape-params]');\n\ndataTickerTapeParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-ticker-tape-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    instruments, division, locale, size, motion,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, graphqlUrl, liveRatesUrl, instruments,\n  }, [{\n    name: 'locale',\n    valueCheck: (value) => validateLocale(value),\n  }, {\n    name: 'division',\n    valueCheck: (value) => Object.values(Division).includes(value),\n  }, {\n    name: 'instruments',\n    valueCheck: (value) => value.length > 0 && value.length <= 10,\n  }, {\n    name: 'graphqlUrl',\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <TickerTapeWidget\n      graphqlUrl={graphqlUrl}\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      instruments={instruments}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n      size={size}\n      motion={motion}\n    />,\n  );\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAgD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAM;EACJG,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,8BAA8B,CAAC;AAE9FF,4BAA4B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAChD,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,yBAAyB,CAAC;EAC9D,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EACvC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACT,MAAgB,CAAC;EAEhC,MAAMU,YAAY,GAAG,IAAAC,oCAAkB,EAAC;IACtCP,QAAQ;IAAEC,MAAM;IAAEhB,UAAU;IAAEC,YAAY;IAAEa;EAC9C,CAAC,EAAE,CAAC;IACFS,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAK,IAAAC,gCAAc,EAACD,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACM,MAAM,GAAG,CAAC,IAAIN,KAAK,CAACM,MAAM,IAAI;EAC7D,CAAC,EAAE;IACDR,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHd,IAAI,CAACuB,MAAM,CACT1C,MAAA,CAAAS,OAAA,CAAAkC,aAAA,CAACtC,iBAAA,CAAAuC,gBAAgB;IACflC,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3Bc,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IACfmB,KAAK,EAAEtB,IAAc;IACrBQ,YAAY,EAAEA,YAAa;IAC3BJ,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA;EAAO,CAChB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_monoI18n","require","_graphql"],"sources":["../../../src/TickerTapeWidget/types.tsx"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { DataRecord, Theme, WidgetSize } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\nexport { Division } from '../gql/types/graphql';\n\nexport interface TickerTapeConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: WidgetSize;\n}\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAIA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_monoI18n","require","_graphql"],"sources":["../../../src/TickerTapeWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { DataRecord, Theme, WidgetSize } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\nexport { Division } from '../gql/types/graphql';\n\nexport interface TickerTapeConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: WidgetSize;\n  motion?: Motion;\n}\n\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n  isParamError?: boolean;\n}\n\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n}\n\ntype Motion = 'linear' | 'none';\n"],"mappings":";;;;;;;;;;;;;;;;;AAIA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/module/TickerTapeWidget/Main.js

@@ -1,14 +1,15 @@
 import React, { useEffect } from 'react';
-import Marquee from 'react-fast-marquee';
 import classnames from 'classnames';
 import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
 import { INSTRUMENT_TOOLTIP_ID } from './constant';
 import { InstrumentRateWithData } from './components/InstrumentRateWithData';
+import { MarqueeWrapper } from './components/MarqueeWrapper';
 const Main = _ref => {
   let {
     records,
     division,
-    size: widgetSize = 'fullWithChart'
+    size: widgetSize = 'fullWithChart',
+    motion = 'linear'
   } = _ref;
   const {
     target,
@@ -28,17 +29,17 @@ const Main = _ref => {
     }
   }, [records]);
   return React.createElement("div", {
-    "data-testid": "ticker-tape-wrapper"
-  }, React.createElement(Marquee, {
-    play: records.length > 0,
-    autoFill: true,
-    pauseOnHover: true,
-    speed: 60
+    "data-testid": "ticker-tape-wrapper",
+    className: "lw-flex"
+  }, React.createElement(MarqueeWrapper, {
+    shouldPlay: records.length > 0,
+    isStatic: motion === 'none'
   }, records.map(record => React.createElement("div", {
     key: record.instrument,
     className: classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
       'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact'
+      'lw-h-[54px]': widgetSize === 'compact',
+      'lw-w-fit last:lw-border-r': motion === 'none'
     })
   }, React.createElement(InstrumentRateWithData, {
     record: record,

package/dist/module/TickerTapeWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["React","useEffect","Marquee","classnames","Tooltip","useLiveRatesQuery","INSTRUMENT_TOOLTIP_ID","InstrumentRateWithData","Main","_ref","records","division","size","widgetSize","target","setQuery","instrumentsNames","map","_ref2","instrument","instrumentName","instruments","createElement","play","length","autoFill","pauseOnHover","speed","record","key","className","id"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Marquee from 'react-fast-marquee';\nimport classnames from 'classnames';\nimport { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\">\n      <Marquee\n        play={records.length > 0}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n          >\n            <InstrumentRateWithData\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </Marquee>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,2BAA2B;AAEtE,SAASC,qBAAqB,QAAQ,YAAY;AAClD,SAASC,sBAAsB,QAAQ,qCAAqC;AAE5E,MAAMC,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG;EACV,CAAC,GAAAJ,IAAA;EACV,MAAM;IAAEK,MAAM;IAAEC;EAAS,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EAEhD,MAAMW,gBAAgB,GAAGN,OAAO,CAACO,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,EAAC;EAExFnB,SAAS,CAAC,MAAM;IACd,IAAIe,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBD,QAAQ,CAAC;QAAEM,WAAW,EAAEL;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;EAEb,OACEV,KAAA,CAAAsB,aAAA;IAAK,eAAY;EAAqB,GACpCtB,KAAA,CAAAsB,aAAA,CAACpB,OAAO;IACNqB,IAAI,EAAEb,OAAO,CAACc,MAAM,GAAG,CAAE;IACzBC,QAAQ;IACRC,YAAY;IACZC,KAAK,EAAE;EAAG,GAETjB,OAAO,CAACO,GAAG,CAAEW,MAAM,IAClB5B,KAAA,CAAAsB,aAAA;IACEO,GAAG,EAAED,MAAM,CAACT,UAAW;IACvBW,SAAS,EAAE3B,UAAU,CAAC,qIAAqI,EAAE;MAC3J,aAAa,EAAEU,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEHb,KAAA,CAAAsB,aAAA,CAACf,sBAAsB;IACrBqB,MAAM,EAAEA,MAAO;IACfd,MAAM,EAAEA,MAAO;IACfH,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEC;EAAW,CAClB,CACE,CACN,CACM,CAAC,EACVb,KAAA,CAAAsB,aAAA,CAAClB,OAAO;IAAC2B,EAAE,EAAEzB;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASE,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["React","useEffect","classnames","Tooltip","useLiveRatesQuery","INSTRUMENT_TOOLTIP_ID","InstrumentRateWithData","MarqueeWrapper","Main","_ref","records","division","size","widgetSize","motion","target","setQuery","instrumentsNames","map","_ref2","instrument","instrumentName","instruments","createElement","className","shouldPlay","length","isStatic","record","key","id"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classnames from 'classnames';\nimport { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\nimport { MarqueeWrapper } from './components/MarqueeWrapper';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n  motion = 'linear',\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\" className=\"lw-flex\">\n      <MarqueeWrapper shouldPlay={records.length > 0} isStatic={motion === 'none'}>\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n              'lw-w-fit last:lw-border-r': motion === 'none',\n            })}\n          >\n            <InstrumentRateWithData\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </MarqueeWrapper>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,2BAA2B;AAEtE,SAASC,qBAAqB,QAAQ,YAAY;AAClD,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,MAAMC,IAAI,GAAGC,IAAA,IAKI;EAAA,IALH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC,MAAM,GAAG;EACA,CAAC,GAAAL,IAAA;EACV,MAAM;IAAEM,MAAM;IAAEC;EAAS,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EAEhD,MAAMa,gBAAgB,GAAGP,OAAO,CAACQ,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,EAAC;EAExFpB,SAAS,CAAC,MAAM;IACd,IAAIgB,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBD,QAAQ,CAAC;QAAEM,WAAW,EAAEL;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACP,OAAO,CAAC,CAAC;EAEb,OACEV,KAAA,CAAAuB,aAAA;IAAK,eAAY,qBAAqB;IAACC,SAAS,EAAC;EAAS,GACxDxB,KAAA,CAAAuB,aAAA,CAAChB,cAAc;IAACkB,UAAU,EAAEf,OAAO,CAACgB,MAAM,GAAG,CAAE;IAACC,QAAQ,EAAEb,MAAM,KAAK;EAAO,GACzEJ,OAAO,CAACQ,GAAG,CAAEU,MAAM,IAClB5B,KAAA,CAAAuB,aAAA;IACEM,GAAG,EAAED,MAAM,CAACR,UAAW;IACvBI,SAAS,EAAEtB,UAAU,CAAC,qIAAqI,EAAE;MAC3J,aAAa,EAAEW,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK,SAAS;MACvC,2BAA2B,EAAEC,MAAM,KAAK;IAC1C,CAAC;EAAE,GAEHd,KAAA,CAAAuB,aAAA,CAACjB,sBAAsB;IACrBsB,MAAM,EAAEA,MAAO;IACfb,MAAM,EAAEA,MAAO;IACfJ,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEC;EAAW,CAClB,CACE,CACN,CACa,CAAC,EACjBb,KAAA,CAAAuB,aAAA,CAACpB,OAAO;IAAC2B,EAAE,EAAEzB;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASG,IAAI","ignoreList":[]}

package/dist/module/TickerTapeWidget/TickerTapeWidget.js

@@ -15,7 +15,8 @@ const TickerTapeWidget = _ref => {
     theme,
     isParamError,
     removePadding,
-    size
+    size,
+    motion
   } = _ref;
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -36,9 +37,11 @@ const TickerTapeWidget = _ref => {
     client: client
   }, React.createElement(Suspense, null, React.createElement(ThemeProvider, {
     removePadding: removePadding,
-    theme: theme
+    theme: theme,
+    fitContent: motion === 'none'
   }, React.createElement(ValidationWrapper, {
     size: size,
+    motion: motion,
     instruments: instruments,
     division: division,
     isParamError: isParamError

package/dist/module/TickerTapeWidget/TickerTapeWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TickerTapeWidget.js","names":["React","Suspense","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","LiveRatesProvider","ThemeProvider","getLocale","translations","Division","ValidationWrapper","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","url","options"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { LiveRatesProvider, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, TickerTapeConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <LiveRatesProvider\n        url={liveRatesUrl}\n        options={{ divisionCode, dataSource }}\n      >\n        <ApolloProvider client={client}>\n          <Suspense>\n            <ThemeProvider removePadding={removePadding} theme={theme}>\n              <ValidationWrapper\n                size={size}\n                instruments={instruments}\n                division={division}\n                isParamError={isParamError}\n              />\n            </ThemeProvider>\n          </Suspense>\n        </ApolloProvider>\n      </LiveRatesProvider>\n    </LocaleProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,iBAAiB,EAAEC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AACvF,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,QAAQ,QAA0B,SAAS;AACpD,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,gBAAgB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACgB,CAAC,GAAAT,IAAA;EACjB,MAAMU,MAAM,GAAG,IAAIrB,YAAY,CAAC;IAC9BsB,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAItB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMuB,YAAY,GAAGT,QAAQ,KAAKP,QAAQ,CAACiB,GAAG,GAAGjB,QAAQ,CAACkB,GAAG,GAAGX,QAAQ;EACxE,MAAMY,UAAU,GAAGH,YAAY,KAAKhB,QAAQ,CAACkB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE5B,KAAA,CAAA8B,aAAA,CAACzB,cAAc;IAACa,MAAM,EAAEV,SAAS,CAACU,MAAM,CAAE;IAACT,YAAY,EAAEA;EAAa,GACpET,KAAA,CAAA8B,aAAA,CAACxB,iBAAiB;IAChByB,GAAG,EAAEhB,YAAa;IAClBiB,OAAO,EAAE;MAAEN,YAAY;MAAEG;IAAW;EAAE,GAEtC7B,KAAA,CAAA8B,aAAA,CAAC1B,cAAc;IAACmB,MAAM,EAAEA;EAAO,GAC7BvB,KAAA,CAAA8B,aAAA,CAAC7B,QAAQ,QACPD,KAAA,CAAA8B,aAAA,CAACvB,aAAa;IAACc,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDnB,KAAA,CAAA8B,aAAA,CAACnB,iBAAiB;IAChBW,IAAI,EAAEA,IAAK;IACXN,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA;EAAa,CAC5B,CACY,CACP,CACI,CACC,CACL,CAAC;AAErB,CAAC;AAED,SAASR,gBAAgB","ignoreList":[]}
+{"version":3,"file":"TickerTapeWidget.js","names":["React","Suspense","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","LiveRatesProvider","ThemeProvider","getLocale","translations","Division","ValidationWrapper","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","motion","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","url","options","fitContent"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { LiveRatesProvider, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, TickerTapeConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n  motion,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <LiveRatesProvider\n        url={liveRatesUrl}\n        options={{ divisionCode, dataSource }}\n      >\n        <ApolloProvider client={client}>\n          <Suspense>\n            <ThemeProvider removePadding={removePadding} theme={theme} fitContent={motion === 'none'}>\n              <ValidationWrapper\n                size={size}\n                motion={motion}\n                instruments={instruments}\n                division={division}\n                isParamError={isParamError}\n              />\n            </ThemeProvider>\n          </Suspense>\n        </ApolloProvider>\n      </LiveRatesProvider>\n    </LocaleProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,iBAAiB,EAAEC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AACvF,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,QAAQ,QAA0B,SAAS;AACpD,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,gBAAgB,GAAGC,IAAA,IAWD;EAAA,IAXE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC;EACgB,CAAC,GAAAV,IAAA;EACjB,MAAMW,MAAM,GAAG,IAAItB,YAAY,CAAC;IAC9BuB,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIvB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMwB,YAAY,GAAGV,QAAQ,KAAKP,QAAQ,CAACkB,GAAG,GAAGlB,QAAQ,CAACmB,GAAG,GAAGZ,QAAQ;EACxE,MAAMa,UAAU,GAAGH,YAAY,KAAKjB,QAAQ,CAACmB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE7B,KAAA,CAAA+B,aAAA,CAAC1B,cAAc;IAACa,MAAM,EAAEV,SAAS,CAACU,MAAM,CAAE;IAACT,YAAY,EAAEA;EAAa,GACpET,KAAA,CAAA+B,aAAA,CAACzB,iBAAiB;IAChB0B,GAAG,EAAEjB,YAAa;IAClBkB,OAAO,EAAE;MAAEN,YAAY;MAAEG;IAAW;EAAE,GAEtC9B,KAAA,CAAA+B,aAAA,CAAC3B,cAAc;IAACoB,MAAM,EAAEA;EAAO,GAC7BxB,KAAA,CAAA+B,aAAA,CAAC9B,QAAQ,QACPD,KAAA,CAAA+B,aAAA,CAACxB,aAAa;IAACc,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA,KAAM;IAACe,UAAU,EAAEX,MAAM,KAAK;EAAO,GACvFvB,KAAA,CAAA+B,aAAA,CAACpB,iBAAiB;IAChBW,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfP,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA;EAAa,CAC5B,CACY,CACP,CACI,CACC,CACL,CAAC;AAErB,CAAC;AAED,SAASR,gBAAgB","ignoreList":[]}

package/dist/module/TickerTapeWidget/ValidationWrapper.js

@@ -10,6 +10,7 @@ const ValidationWrapper = _ref => {
     instruments,
     division,
     size: widgetSize,
+    motion,
     isParamError
   } = _ref;
   const {
@@ -30,7 +31,8 @@ const ValidationWrapper = _ref => {
   return React.createElement(React.Fragment, null, !showError && size && React.createElement(Main, {
     size: widgetSize,
     division: division,
-    records: getRecords(data)
+    records: getRecords(data),
+    motion: motion
   }), showError && React.createElement("div", {
     className: classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
       'lw-h-[82px]': widgetSize !== 'compact',

package/dist/module/TickerTapeWidget/ValidationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["React","useContext","useSuspenseQuery","classnames","Error","ThemeContext","validateInstruments","Main","getRecords","ValidationWrapper","_ref","instruments","division","size","widgetSize","isParamError","data","error","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","records","className"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport { Error, ThemeContext } from '@oanda/labs-widget-common';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { Main } from './Main';\nimport { getRecords } from './utils';\nimport { ValidationWrapperProps } from './types';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const { size } = useContext(ThemeContext);\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && size && (\n        <Main\n          size={widgetSize}\n          division={division}\n          records={getRecords(data!)!}\n        />\n      )}\n      {showError && (\n      <div className={classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n        'lw-h-[82px]': widgetSize !== 'compact',\n        'lw-h-[54px]': widgetSize === 'compact',\n      })}\n      >\n        <Error />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,gBAAgB,QAAQ,gBAAgB;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,EAAEC,YAAY,QAAQ,2BAA2B;AAC/D,SAASC,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,UAAU,QAAQ,SAAS;AAGpC,MAAMC,iBAAiB,GAAGC,IAAA,IAKI;EAAA,IALH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC;EACsB,CAAC,GAAAL,IAAA;EACvB,MAAM;IAAEG;EAAK,CAAC,GAAGZ,UAAU,CAACI,YAAY,CAAC;EACzC,MAAM;IAAEW,IAAI;IAAEC;EAAM,CAAC,GAAGf,gBAAgB,CAGtCI,mBAAmB,EAAE;IACrBY,SAAS,EAAE;MACTP,WAAW;MACXC;IACF,CAAC;IACDO,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACJ,KAAK,IAAIF,YAAY;EAEzC,OACEf,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACG,CAACF,SAAS,IAAIR,IAAI,IACjBb,KAAA,CAAAsB,aAAA,CAACf,IAAI;IACHM,IAAI,EAAEC,UAAW;IACjBF,QAAQ,EAAEA,QAAS;IACnBY,OAAO,EAAEhB,UAAU,CAACQ,IAAK;EAAG,CAC7B,CACF,EACAK,SAAS,IACVrB,KAAA,CAAAsB,aAAA;IAAKG,SAAS,EAAEtB,UAAU,CAAC,uHAAuH,EAAE;MAClJ,aAAa,EAAEW,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDd,KAAA,CAAAsB,aAAA,CAAClB,KAAK,MAAE,CACL,CAEL,CAAC;AAEP,CAAC;AAED,SAASK,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ValidationWrapper.js","names":["React","useContext","useSuspenseQuery","classnames","Error","ThemeContext","validateInstruments","Main","getRecords","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","data","error","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","records","className"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport { Error, ThemeContext } from '@oanda/labs-widget-common';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { Main } from './Main';\nimport { getRecords } from './utils';\nimport { ValidationWrapperProps } from './types';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  motion,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const { size } = useContext(ThemeContext);\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && size && (\n        <Main\n          size={widgetSize}\n          division={division}\n          records={getRecords(data!)!}\n          motion={motion}\n        />\n      )}\n      {showError && (\n      <div className={classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n        'lw-h-[82px]': widgetSize !== 'compact',\n        'lw-h-[54px]': widgetSize === 'compact',\n      })}\n      >\n        <Error />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,gBAAgB,QAAQ,gBAAgB;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,EAAEC,YAAY,QAAQ,2BAA2B;AAC/D,SAASC,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,UAAU,QAAQ,SAAS;AAGpC,MAAMC,iBAAiB,GAAGC,IAAA,IAMI;EAAA,IANH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC,MAAM;IACNC;EACsB,CAAC,GAAAN,IAAA;EACvB,MAAM;IAAEG;EAAK,CAAC,GAAGZ,UAAU,CAACI,YAAY,CAAC;EACzC,MAAM;IAAEY,IAAI;IAAEC;EAAM,CAAC,GAAGhB,gBAAgB,CAGtCI,mBAAmB,EAAE;IACrBa,SAAS,EAAE;MACTR,WAAW;MACXC;IACF,CAAC;IACDQ,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACJ,KAAK,IAAIF,YAAY;EAEzC,OACEhB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACG,CAACF,SAAS,IAAIT,IAAI,IACjBb,KAAA,CAAAuB,aAAA,CAAChB,IAAI;IACHM,IAAI,EAAEC,UAAW;IACjBF,QAAQ,EAAEA,QAAS;IACnBa,OAAO,EAAEjB,UAAU,CAACS,IAAK,CAAG;IAC5BF,MAAM,EAAEA;EAAO,CAChB,CACF,EACAO,SAAS,IACVtB,KAAA,CAAAuB,aAAA;IAAKG,SAAS,EAAEvB,UAAU,CAAC,uHAAuH,EAAE;MAClJ,aAAa,EAAEW,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDd,KAAA,CAAAuB,aAAA,CAACnB,KAAK,MAAE,CACL,CAEL,CAAC;AAEP,CAAC;AAED,SAASK,iBAAiB","ignoreList":[]}

package/dist/module/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import Marquee from 'react-fast-marquee';
+const MarqueeWrapper = _ref => {
+  let {
+    children,
+    shouldPlay,
+    isStatic
+  } = _ref;
+  return React.createElement(React.Fragment, null, !isStatic ? React.createElement(Marquee, {
+    play: shouldPlay,
+    autoFill: true,
+    pauseOnHover: true,
+    speed: 60
+  }, children) : children);
+};
+export { MarqueeWrapper };
+//# sourceMappingURL=MarqueeWrapper.js.map

package/dist/module/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarqueeWrapper.js","names":["React","Marquee","MarqueeWrapper","_ref","children","shouldPlay","isStatic","createElement","Fragment","play","autoFill","pauseOnHover","speed"],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport Marquee from 'react-fast-marquee';\nimport { MarqueeWrapperProps } from './types';\n\nconst MarqueeWrapper = ({\n  children,\n  shouldPlay,\n  isStatic,\n}: MarqueeWrapperProps) => (\n  <>\n    {!isStatic ? (\n      <Marquee\n        play={shouldPlay}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {children}\n      </Marquee>\n    ) : children}\n  </>\n);\n\nexport { MarqueeWrapper };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,oBAAoB;AAGxC,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;IACtBC,QAAQ;IACRC,UAAU;IACVC;EACmB,CAAC,GAAAH,IAAA;EAAA,OACpBH,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACG,CAACF,QAAQ,GACRN,KAAA,CAAAO,aAAA,CAACN,OAAO;IACNQ,IAAI,EAAEJ,UAAW;IACjBK,QAAQ;IACRC,YAAY;IACZC,KAAK,EAAE;EAAG,GAETR,QACM,CAAC,GACRA,QACJ,CAAC;AAAA,CACJ;AAED,SAASF,cAAc","ignoreList":[]}

package/dist/module/TickerTapeWidget/components/MarqueeWrapper/index.js

@@ -0,0 +1,2 @@
+export * from './MarqueeWrapper';
+//# sourceMappingURL=index.js.map

package/dist/module/TickerTapeWidget/components/MarqueeWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/index.tsx"],"sourcesContent":["export * from './MarqueeWrapper';\n"],"mappings":"AAAA,cAAc,kBAAkB","ignoreList":[]}

package/dist/module/TickerTapeWidget/components/MarqueeWrapper/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/TickerTapeWidget/components/MarqueeWrapper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/TickerTapeWidget/components/MarqueeWrapper/types.ts"],"sourcesContent":["export interface MarqueeWrapperProps {\n  children: React.ReactNode;\n  shouldPlay: boolean;\n  isStatic: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/TickerTapeWidget/render.js

@@ -16,7 +16,8 @@ dataTickerTapeParamsElements.forEach(element => {
     instruments,
     division,
     locale,
-    size
+    size,
+    motion
   } = JSON.parse(params);
   const isParamError = validateToolParams({
     division,
@@ -46,7 +47,8 @@ dataTickerTapeParamsElements.forEach(element => {
     locale: locale,
     theme: mode,
     isParamError: isParamError,
-    size: size
+    size: size,
+    motion: motion
   }));
 });
 //# sourceMappingURL=render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["React","createRoot","validateLocale","validateToolParams","TickerTapeWidget","Division","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","instruments","division","locale","size","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","length","render","createElement","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { TickerTapeWidget } from './TickerTapeWidget';\nimport { Division } from '../gql/types/graphql';\n\nconst {\n  graphqlUrl,\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll('div[data-ticker-tape-params]');\n\ndataTickerTapeParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-ticker-tape-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    instruments, division, locale, size,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, graphqlUrl, liveRatesUrl, instruments,\n  }, [{\n    name: 'locale',\n    valueCheck: (value) => validateLocale(value),\n  }, {\n    name: 'division',\n    valueCheck: (value) => Object.values(Division).includes(value),\n  }, {\n    name: 'instruments',\n    valueCheck: (value) => value.length > 0 && value.length <= 10,\n  }, {\n    name: 'graphqlUrl',\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <TickerTapeWidget\n      graphqlUrl={graphqlUrl}\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      instruments={instruments}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n      size={size}\n    />,\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAgBC,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AACrF,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,MAAM;EACJC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,8BAA8B,CAAC;AAE9FF,4BAA4B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAChD,MAAMC,IAAI,GAAGd,UAAU,CAACa,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,yBAAyB,CAAC;EAC9D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EACjC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACR,MAAgB,CAAC;EAEhC,MAAMS,YAAY,GAAGtB,kBAAkB,CAAC;IACtCiB,QAAQ;IAAEC,MAAM;IAAEf,UAAU;IAAEC,YAAY;IAAEY;EAC9C,CAAC,EAAE,CAAC;IACFO,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAK1B,cAAc,CAAC0B,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKC,MAAM,CAACC,MAAM,CAACzB,QAAQ,CAAC,CAAC0B,QAAQ,CAACH,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACI,MAAM,GAAG,CAAC,IAAIJ,KAAK,CAACI,MAAM,IAAI;EAC7D,CAAC,EAAE;IACDN,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHX,IAAI,CAACkB,MAAM,CACTjC,KAAA,CAAAkC,aAAA,CAAC9B,gBAAgB;IACfE,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3Ba,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IACfc,KAAK,EAAEjB,IAAc;IACrBO,YAAY,EAAEA,YAAa;IAC3BH,IAAI,EAAEA;EAAK,CACZ,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["React","createRoot","validateLocale","validateToolParams","TickerTapeWidget","Division","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","instruments","division","locale","size","motion","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","length","render","createElement","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { TickerTapeWidget } from './TickerTapeWidget';\nimport { Division } from '../gql/types/graphql';\n\nconst {\n  graphqlUrl,\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll('div[data-ticker-tape-params]');\n\ndataTickerTapeParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-ticker-tape-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    instruments, division, locale, size, motion,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, graphqlUrl, liveRatesUrl, instruments,\n  }, [{\n    name: 'locale',\n    valueCheck: (value) => validateLocale(value),\n  }, {\n    name: 'division',\n    valueCheck: (value) => Object.values(Division).includes(value),\n  }, {\n    name: 'instruments',\n    valueCheck: (value) => value.length > 0 && value.length <= 10,\n  }, {\n    name: 'graphqlUrl',\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <TickerTapeWidget\n      graphqlUrl={graphqlUrl}\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      instruments={instruments}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n      size={size}\n      motion={motion}\n    />,\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAgBC,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AACrF,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,MAAM;EACJC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,8BAA8B,CAAC;AAE9FF,4BAA4B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAChD,MAAMC,IAAI,GAAGd,UAAU,CAACa,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,yBAAyB,CAAC;EAC9D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EACvC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACT,MAAgB,CAAC;EAEhC,MAAMU,YAAY,GAAGvB,kBAAkB,CAAC;IACtCiB,QAAQ;IAAEC,MAAM;IAAEf,UAAU;IAAEC,YAAY;IAAEY;EAC9C,CAAC,EAAE,CAAC;IACFQ,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAK3B,cAAc,CAAC2B,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKC,MAAM,CAACC,MAAM,CAAC1B,QAAQ,CAAC,CAAC2B,QAAQ,CAACH,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACI,MAAM,GAAG,CAAC,IAAIJ,KAAK,CAACI,MAAM,IAAI;EAC7D,CAAC,EAAE;IACDN,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHZ,IAAI,CAACmB,MAAM,CACTlC,KAAA,CAAAmC,aAAA,CAAC/B,gBAAgB;IACfE,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3Ba,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IACfe,KAAK,EAAElB,IAAc;IACrBQ,YAAY,EAAEA,YAAa;IAC3BJ,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA;EAAO,CAChB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["Locale","Division"],"sources":["../../../src/TickerTapeWidget/types.tsx"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { DataRecord, Theme, WidgetSize } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\nexport { Division } from '../gql/types/graphql';\n\nexport interface TickerTapeConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: WidgetSize;\n}\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n}\n"],"mappings":"AAIA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAQ,sBAAsB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["Locale","Division"],"sources":["../../../src/TickerTapeWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { DataRecord, Theme, WidgetSize } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\nexport { Division } from '../gql/types/graphql';\n\nexport interface TickerTapeConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: WidgetSize;\n  motion?: Motion;\n}\n\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n  isParamError?: boolean;\n}\n\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n}\n\ntype Motion = 'linear' | 'none';\n"],"mappings":"AAIA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAQ,sBAAsB","ignoreList":[]}

package/dist/types/TickerTapeWidget/Main.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MainProps } from './types';
-declare const Main: ({ records, division, size: widgetSize, }: MainProps) => React.JSX.Element;
+declare const Main: ({ records, division, size: widgetSize, motion, }: MainProps) => React.JSX.Element;
 export { Main };

package/dist/types/TickerTapeWidget/TickerTapeWidget.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TickerTapeConfig } from './types';
-declare const TickerTapeWidget: ({ graphqlUrl, liveRatesUrl, instruments, division, locale, theme, isParamError, removePadding, size, }: TickerTapeConfig) => React.JSX.Element;
+declare const TickerTapeWidget: ({ graphqlUrl, liveRatesUrl, instruments, division, locale, theme, isParamError, removePadding, size, motion, }: TickerTapeConfig) => React.JSX.Element;
 export { TickerTapeWidget };

package/dist/types/TickerTapeWidget/ValidationWrapper.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ValidationWrapperProps } from './types';
-declare const ValidationWrapper: ({ instruments, division, size: widgetSize, isParamError, }: ValidationWrapperProps) => React.JSX.Element;
+declare const ValidationWrapper: ({ instruments, division, size: widgetSize, motion, isParamError, }: ValidationWrapperProps) => React.JSX.Element;
 export { ValidationWrapper };

package/dist/types/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MarqueeWrapperProps } from './types';
+declare const MarqueeWrapper: ({ children, shouldPlay, isStatic, }: MarqueeWrapperProps) => React.JSX.Element;
+export { MarqueeWrapper };

package/dist/types/TickerTapeWidget/components/MarqueeWrapper/index.d.ts

@@ -0,0 +1 @@
+export * from './MarqueeWrapper';

package/dist/types/TickerTapeWidget/components/MarqueeWrapper/types.d.ts

@@ -0,0 +1,5 @@
+export interface MarqueeWrapperProps {
+    children: React.ReactNode;
+    shouldPlay: boolean;
+    isStatic: boolean;
+}

package/dist/types/TickerTapeWidget/types.d.ts

@@ -13,15 +13,19 @@ export interface TickerTapeConfig {
     isParamError?: boolean;
     removePadding?: boolean;
     size?: WidgetSize;
+    motion?: Motion;
 }
 export interface ValidationWrapperProps {
     instruments: string[];
     division: Division;
     size?: WidgetSize;
+    motion?: Motion;
     isParamError?: boolean;
 }
 export interface MainProps {
     records: DataRecord[];
     division: Division;
     size?: WidgetSize;
+    motion?: Motion;
 }
+type Motion = 'linear' | 'none';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-ticker-tape-widget",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "Labs Ticker Tape Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.160",
+    "@oanda/labs-widget-common": "^1.0.162",
     "@oanda/mono-i18n": "10.0.1",
     "graphql": "16.8.1",
     "react-fast-marquee": "1.6.5"
@@ -21,5 +21,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "2dc665da434e8b623f91585ccc5e7df8d9967e3b"
+  "gitHead": "0a8efff3797129e4f87075733f6074e16938ae39"
 }

package/src/TickerTapeWidget/Main.tsx

@@ -1,15 +1,16 @@
 import React, { useEffect } from 'react';
-import Marquee from 'react-fast-marquee';
 import classnames from 'classnames';
 import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
 import { MainProps } from './types';
 import { INSTRUMENT_TOOLTIP_ID } from './constant';
 import { InstrumentRateWithData } from './components/InstrumentRateWithData';
+import { MarqueeWrapper } from './components/MarqueeWrapper';
 
 const Main = ({
   records,
   division,
   size: widgetSize = 'fullWithChart',
+  motion = 'linear',
 }: MainProps) => {
   const { target, setQuery } = useLiveRatesQuery();
 
@@ -23,19 +24,15 @@ const Main = ({
   }, [records]);
 
   return (
-    <div data-testid="ticker-tape-wrapper">
-      <Marquee
-        play={records.length > 0}
-        autoFill
-        pauseOnHover
-        speed={60}
-      >
+    <div data-testid="ticker-tape-wrapper" className="lw-flex">
+      <MarqueeWrapper shouldPlay={records.length > 0} isStatic={motion === 'none'}>
         {records.map((record) => (
           <div
             key={record.instrument}
             className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
               'lw-h-[82px]': widgetSize !== 'compact',
               'lw-h-[54px]': widgetSize === 'compact',
+              'lw-w-fit last:lw-border-r': motion === 'none',
             })}
           >
             <InstrumentRateWithData
@@ -46,7 +43,7 @@ const Main = ({
             />
           </div>
         ))}
-      </Marquee>
+      </MarqueeWrapper>
       <Tooltip id={INSTRUMENT_TOOLTIP_ID} />
     </div>
   );

package/src/TickerTapeWidget/TickerTapeWidget.tsx

@@ -16,6 +16,7 @@ const TickerTapeWidget = ({
   isParamError,
   removePadding,
   size,
+  motion,
 }: TickerTapeConfig) => {
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -33,9 +34,10 @@ const TickerTapeWidget = ({
       >
         <ApolloProvider client={client}>
           <Suspense>
-            <ThemeProvider removePadding={removePadding} theme={theme}>
+            <ThemeProvider removePadding={removePadding} theme={theme} fitContent={motion === 'none'}>
               <ValidationWrapper
                 size={size}
+                motion={motion}
                 instruments={instruments}
                 division={division}
                 isParamError={isParamError}

package/src/TickerTapeWidget/ValidationWrapper.tsx

@@ -12,6 +12,7 @@ const ValidationWrapper = ({
   instruments,
   division,
   size: widgetSize,
+  motion,
   isParamError,
 }: ValidationWrapperProps) => {
   const { size } = useContext(ThemeContext);
@@ -36,6 +37,7 @@ const ValidationWrapper = ({
           size={widgetSize}
           division={division}
           records={getRecords(data!)!}
+          motion={motion}
         />
       )}
       {showError && (

package/src/TickerTapeWidget/components/MarqueeWrapper/MarqueeWrapper.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import Marquee from 'react-fast-marquee';
+import { MarqueeWrapperProps } from './types';
+
+const MarqueeWrapper = ({
+  children,
+  shouldPlay,
+  isStatic,
+}: MarqueeWrapperProps) => (
+  <>
+    {!isStatic ? (
+      <Marquee
+        play={shouldPlay}
+        autoFill
+        pauseOnHover
+        speed={60}
+      >
+        {children}
+      </Marquee>
+    ) : children}
+  </>
+);
+
+export { MarqueeWrapper };

package/src/TickerTapeWidget/components/MarqueeWrapper/index.tsx

@@ -0,0 +1 @@
+export * from './MarqueeWrapper';

package/src/TickerTapeWidget/components/MarqueeWrapper/types.ts

@@ -0,0 +1,5 @@
+export interface MarqueeWrapperProps {
+  children: React.ReactNode;
+  shouldPlay: boolean;
+  isStatic: boolean;
+}

package/src/TickerTapeWidget/render.tsx

@@ -16,7 +16,7 @@ dataTickerTapeParamsElements.forEach((element) => {
   const params = element.getAttribute('data-ticker-tape-params');
   const mode = element.getAttribute('data-mode');
   const {
-    instruments, division, locale, size,
+    instruments, division, locale, size, motion,
   } = JSON.parse(params as string);
 
   const isParamError = validateToolParams({
@@ -46,6 +46,7 @@ dataTickerTapeParamsElements.forEach((element) => {
       theme={mode as Theme}
       isParamError={isParamError}
       size={size}
+      motion={motion}
     />,
   );
 });

package/src/TickerTapeWidget/{types.tsx → types.ts}

@@ -15,15 +15,22 @@ export interface TickerTapeConfig {
   isParamError?: boolean;
   removePadding?: boolean;
   size?: WidgetSize;
+  motion?: Motion;
 }
+
 export interface ValidationWrapperProps {
   instruments: string[];
   division: Division;
   size?: WidgetSize;
+  motion?: Motion;
   isParamError?: boolean;
 }
+
 export interface MainProps {
   records: DataRecord[];
   division: Division;
   size?: WidgetSize;
+  motion?: Motion;
 }
+
+type Motion = 'linear' | 'none';