@oanda/labs-currency-cross-table 1.0.6 → 1.0.8

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["React","Fragment","useEffect","useState","useLiveRatesQuery","CellWithData","TextCell","Main","_ref","instruments","currencies","selectedCurrency","setSelectedCurrency","selectedPair","setSelectedPair","hasInstruments","length","target","setQuery","createElement","className","map","pair","key","label","hovered","currency","index","arr","additionalBorderBottom","loading","record","instrument","displayName","emptyIndicator"],"sources":["../../../src/CurrencyCrossTableWidget/Main.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useState } from 'react';\nimport { useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { CellWithData, TextCell } from './components';\n\nconst Main = ({\n  instruments,\n  currencies,\n}: MainProps) => {\n  const [selectedCurrency, setSelectedCurrency] = useState('');\n  const [selectedPair, setSelectedPair] = useState('');\n\n  const hasInstruments = instruments.length > 0;\n\n  const { target, setQuery } = useLiveRatesQuery();\n\n  useEffect(() => {\n    if (hasInstruments) {\n      setQuery({ instruments });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, instruments);\n\n  return (\n    <div data-testid=\"currency-cross-table-wrapper\" className=\"lw-w-full\">\n      <div className=\"lw-flex lw-border-l lw-border-t lw-border-solid lw-border-border-primary\">\n        <TextCell />\n        {currencies.map(((pair) => (\n          <TextCell\n            key={pair}\n            label={pair}\n            hovered={pair === selectedPair}\n          />\n        )))}\n      </div>\n      {currencies.map(((currency, index, arr) => (\n        <div\n          key={currency}\n          className=\"lw-flex lw-border-l lw-border-t lw-border-solid lw-border-border-primary\"\n        >\n          <TextCell\n            label={currency}\n            additionalBorderBottom={index === arr.length - 1}\n            hovered={currency === selectedCurrency}\n          />\n          {arr.map((pair) => (\n            <Fragment key={`${currency}_${pair}`}>\n              {currency !== pair ? (\n                <CellWithData\n                  loading={false}\n                  record={{\n                    instrument: `${currency}_${pair}`,\n                    displayName: `${currency}/${pair}`,\n                  }}\n                  target={target}\n                  additionalBorderBottom={index === arr.length - 1}\n                  setSelectedCurrency={setSelectedCurrency}\n                  setSelectedPair={setSelectedPair}\n                />\n              ) : (\n                <TextCell\n                  additionalBorderBottom={index === arr.length - 1}\n                  emptyIndicator\n                />\n              )}\n            </Fragment>\n          ))}\n        </div>\n      )))}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D,SAASC,YAAY,EAAEC,QAAQ,QAAQ,cAAc;AAErD,MAAMC,IAAI,GAAGC,IAAA,IAGI;EAAA,IAHH;IACZC,WAAW;IACXC;EACS,CAAC,GAAAF,IAAA;EACV,MAAM,CAACG,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EAC5D,MAAM,CAACU,YAAY,EAAEC,eAAe,CAAC,GAAGX,QAAQ,CAAC,EAAE,CAAC;EAEpD,MAAMY,cAAc,GAAGN,WAAW,CAACO,MAAM,GAAG,CAAC;EAE7C,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EAEhDF,SAAS,CAAC,MAAM;IACd,IAAIa,cAAc,EAAE;MAClBG,QAAQ,CAAC;QAAET;MAAY,CAAC,CAAC;IAC3B;EAEF,CAAC,EAAEA,WAAW,CAAC;EAEf,OACET,KAAA,CAAAmB,aAAA;IAAK,eAAY,8BAA8B;IAACC,SAAS,EAAC;EAAW,GACnEpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAA0E,GACvFpB,KAAA,CAAAmB,aAAA,CAACb,QAAQ,MAAE,CAAC,EACXI,UAAU,CAACW,GAAG,CAAGC,IAAI,IACpBtB,KAAA,CAAAmB,aAAA,CAACb,QAAQ;IACPiB,GAAG,EAAED,IAAK;IACVE,KAAK,EAAEF,IAAK;IACZG,OAAO,EAAEH,IAAI,KAAKT;EAAa,CAChC,CACD,CACC,CAAC,EACLH,UAAU,CAACW,GAAG,CAAE,CAACK,QAAQ,EAAEC,KAAK,EAAEC,GAAG,KACpC5B,KAAA,CAAAmB,aAAA;IACEI,GAAG,EAAEG,QAAS;IACdN,SAAS,EAAC;EAA0E,GAEpFpB,KAAA,CAAAmB,aAAA,CAACb,QAAQ;IACPkB,KAAK,EAAEE,QAAS;IAChBG,sBAAsB,EAAEF,KAAK,KAAKC,GAAG,CAACZ,MAAM,GAAG,CAAE;IACjDS,OAAO,EAAEC,QAAQ,KAAKf;EAAiB,CACxC,CAAC,EACDiB,GAAG,CAACP,GAAG,CAAEC,IAAI,IACZtB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ;IAACsB,GAAG,EAAE,GAAGG,QAAQ,IAAIJ,IAAI;EAAG,GAClCI,QAAQ,KAAKJ,IAAI,GAChBtB,KAAA,CAAAmB,aAAA,CAACd,YAAY;IACXyB,OAAO,EAAE,KAAM;IACfC,MAAM,EAAE;MACNC,UAAU,EAAE,GAAGN,QAAQ,IAAIJ,IAAI,EAAE;MACjCW,WAAW,EAAE,GAAGP,QAAQ,IAAIJ,IAAI;IAClC,CAAE;IACFL,MAAM,EAAEA,MAAO;IACfY,sBAAsB,EAAEF,KAAK,KAAKC,GAAG,CAACZ,MAAM,GAAG,CAAE;IACjDJ,mBAAmB,EAAEA,mBAAoB;IACzCE,eAAe,EAAEA;EAAgB,CAClC,CAAC,GAEFd,KAAA,CAAAmB,aAAA,CAACb,QAAQ;IACPuB,sBAAsB,EAAEF,KAAK,KAAKC,GAAG,CAACZ,MAAM,GAAG,CAAE;IACjDkB,cAAc;EAAA,CACf,CAEK,CACX,CACE,CACL,CACC,CAAC;AAEV,CAAC;AAED,SAAS3B,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["React","Fragment","Suspense","useEffect","useState","useLiveRatesQuery","TextCell","CellValidationWrapper","divisionMapper","Main","_ref","instruments","currencies","division","selectedCurrency","setSelectedCurrency","selectedPair","setSelectedPair","hasInstruments","length","target","setQuery","createElement","className","sticky","map","pair","key","label","hovered","currency","index","arr","instrument","emptyIndicator"],"sources":["../../../src/CurrencyCrossTableWidget/Main.tsx"],"sourcesContent":["import React, {\n  Fragment, Suspense, useEffect, useState,\n} from 'react';\nimport { useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { TextCell } from './components';\nimport { CellValidationWrapper } from './components/CellValidationWrapper';\nimport { divisionMapper } from './utils';\n\nconst Main = ({\n  instruments,\n  currencies,\n  division,\n}: MainProps) => {\n  const [selectedCurrency, setSelectedCurrency] = useState('');\n  const [selectedPair, setSelectedPair] = useState('');\n\n  const hasInstruments = instruments.length > 0;\n\n  const { target, setQuery } = useLiveRatesQuery();\n\n  useEffect(() => {\n    if (hasInstruments) {\n      setQuery({ instruments });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, instruments);\n\n  return (\n    <div data-testid=\"currency-cross-table-wrapper\" className=\"lw-w-full lw-overflow-x-auto lw-overflow-y-hidden lw-border lw-border-b-0 lw-border-solid lw-border-border-primary\">\n      <div className=\"lw-flex lw-w-max lw-min-w-full\">\n        <TextCell sticky />\n        {currencies.map(((pair) => (\n          <TextCell\n            key={pair}\n            label={pair}\n            hovered={pair === selectedPair}\n          />\n        )))}\n      </div>\n      {currencies.map(((currency, index, arr) => (\n        <div\n          key={currency}\n          className=\"lw-flex lw-w-max lw-min-w-full\"\n        >\n          <TextCell\n            label={currency}\n            hovered={currency === selectedCurrency}\n            sticky\n          />\n          {arr.map((pair) => (\n            <Fragment key={`${currency}_${pair}`}>\n              {currency !== pair ? (\n                <Suspense>\n                  <CellValidationWrapper\n                    currency={currency}\n                    pair={pair}\n                    instrument={`${currency}${divisionMapper(division)}${pair}`}\n                    target={target}\n                    setSelectedCurrency={setSelectedCurrency}\n                    setSelectedPair={setSelectedPair}\n                    division={division}\n                  />\n                </Suspense>\n              ) : (\n                <TextCell\n                  emptyIndicator\n                />\n              )}\n            </Fragment>\n          ))}\n        </div>\n      )))}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAClC,OAAO;AACd,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,qBAAqB,QAAQ,oCAAoC;AAC1E,SAASC,cAAc,QAAQ,SAAS;AAExC,MAAMC,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,WAAW;IACXC,UAAU;IACVC;EACS,CAAC,GAAAH,IAAA;EACV,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGX,QAAQ,CAAC,EAAE,CAAC;EAC5D,MAAM,CAACY,YAAY,EAAEC,eAAe,CAAC,GAAGb,QAAQ,CAAC,EAAE,CAAC;EAEpD,MAAMc,cAAc,GAAGP,WAAW,CAACQ,MAAM,GAAG,CAAC;EAE7C,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGhB,iBAAiB,CAAC,CAAC;EAEhDF,SAAS,CAAC,MAAM;IACd,IAAIe,cAAc,EAAE;MAClBG,QAAQ,CAAC;QAAEV;MAAY,CAAC,CAAC;IAC3B;EAEF,CAAC,EAAEA,WAAW,CAAC;EAEf,OACEX,KAAA,CAAAsB,aAAA;IAAK,eAAY,8BAA8B;IAACC,SAAS,EAAC;EAAoH,GAC5KvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC7CvB,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;IAACkB,MAAM;EAAA,CAAE,CAAC,EAClBZ,UAAU,CAACa,GAAG,CAAGC,IAAI,IACpB1B,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;IACPqB,GAAG,EAAED,IAAK;IACVE,KAAK,EAAEF,IAAK;IACZG,OAAO,EAAEH,IAAI,KAAKV;EAAa,CAChC,CACD,CACC,CAAC,EACLJ,UAAU,CAACa,GAAG,CAAE,CAACK,QAAQ,EAAEC,KAAK,EAAEC,GAAG,KACpChC,KAAA,CAAAsB,aAAA;IACEK,GAAG,EAAEG,QAAS;IACdP,SAAS,EAAC;EAAgC,GAE1CvB,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;IACPsB,KAAK,EAAEE,QAAS;IAChBD,OAAO,EAAEC,QAAQ,KAAKhB,gBAAiB;IACvCU,MAAM;EAAA,CACP,CAAC,EACDQ,GAAG,CAACP,GAAG,CAAEC,IAAI,IACZ1B,KAAA,CAAAsB,aAAA,CAACrB,QAAQ;IAAC0B,GAAG,EAAE,GAAGG,QAAQ,IAAIJ,IAAI;EAAG,GAClCI,QAAQ,KAAKJ,IAAI,GAChB1B,KAAA,CAAAsB,aAAA,CAACpB,QAAQ,QACPF,KAAA,CAAAsB,aAAA,CAACf,qBAAqB;IACpBuB,QAAQ,EAAEA,QAAS;IACnBJ,IAAI,EAAEA,IAAK;IACXO,UAAU,EAAE,GAAGH,QAAQ,GAAGtB,cAAc,CAACK,QAAQ,CAAC,GAAGa,IAAI,EAAG;IAC5DN,MAAM,EAAEA,MAAO;IACfL,mBAAmB,EAAEA,mBAAoB;IACzCE,eAAe,EAAEA,eAAgB;IACjCJ,QAAQ,EAAEA;EAAS,CACpB,CACO,CAAC,GAEXb,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;IACP4B,cAAc;EAAA,CACf,CAEK,CACX,CACE,CACL,CACC,CAAC;AAEV,CAAC;AAED,SAASzB,IAAI","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/ValidationWrapper.js

@@ -14,7 +14,8 @@ const ValidationWrapper = _ref => {
     className: "lw-flex lw-w-full lw-text-sm lw-tracking-normal lw-text-text-primary"
   }, !showError && React.createElement(Main, {
     instruments: currenciesToInstruments(currencies, division),
-    currencies: currencies
+    currencies: currencies,
+    division: division
   }), showError && React.createElement("div", {
     className: classnames('lw-flex lw-h-[250px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary')
   }, React.createElement(ChartError, null))));

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["React","classnames","ChartError","currenciesToInstruments","validCurrencies","Main","ValidationWrapper","_ref","currencies","division","isParamError","showError","createElement","Fragment","className","instruments"],"sources":["../../../src/CurrencyCrossTableWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ChartError } from '@oanda/labs-widget-common';\nimport { currenciesToInstruments, validCurrencies } from './utils';\nimport { ValidationWrapperProps } from './types';\nimport { Main } from './Main';\n\nconst ValidationWrapper = ({\n  currencies,\n  division,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const showError = !validCurrencies(currencies) || isParamError;\n\n  return (\n    <>\n      <div\n        className=\"lw-flex lw-w-full lw-text-sm lw-tracking-normal lw-text-text-primary\"\n      >\n        {!showError && (\n          <Main\n            instruments={currenciesToInstruments(currencies, division)}\n            currencies={currencies}\n          />\n        )}\n        {showError && (\n          <div className={classnames('lw-flex lw-h-[250px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary')}>\n            <ChartError />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,SAAS;AAElE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,MAAMC,iBAAiB,GAAGC,IAAA,IAII;EAAA,IAJH;IACzBC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,GAAAH,IAAA;EACvB,MAAMI,SAAS,GAAG,CAACP,eAAe,CAACI,UAAU,CAAC,IAAIE,YAAY;EAE9D,OACEV,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QACEb,KAAA,CAAAY,aAAA;IACEE,SAAS,EAAC;EAAsE,GAE/E,CAACH,SAAS,IACTX,KAAA,CAAAY,aAAA,CAACP,IAAI;IACHU,WAAW,EAAEZ,uBAAuB,CAACK,UAAU,EAAEC,QAAQ,CAAE;IAC3DD,UAAU,EAAEA;EAAW,CACxB,CACF,EACAG,SAAS,IACRX,KAAA,CAAAY,aAAA;IAAKE,SAAS,EAAEb,UAAU,CAAC,mGAAmG;EAAE,GAC9HD,KAAA,CAAAY,aAAA,CAACV,UAAU,MAAE,CACV,CAEJ,CACL,CAAC;AAEP,CAAC;AAED,SAASI,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ValidationWrapper.js","names":["React","classnames","ChartError","currenciesToInstruments","validCurrencies","Main","ValidationWrapper","_ref","currencies","division","isParamError","showError","createElement","Fragment","className","instruments"],"sources":["../../../src/CurrencyCrossTableWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ChartError } from '@oanda/labs-widget-common';\nimport { currenciesToInstruments, validCurrencies } from './utils';\nimport { ValidationWrapperProps } from './types';\nimport { Main } from './Main';\n\nconst ValidationWrapper = ({\n  currencies,\n  division,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const showError = !validCurrencies(currencies) || isParamError;\n\n  return (\n    <>\n      <div\n        className=\"lw-flex lw-w-full lw-text-sm lw-tracking-normal lw-text-text-primary\"\n      >\n        {!showError && (\n          <Main\n            instruments={currenciesToInstruments(currencies, division)}\n            currencies={currencies}\n            division={division}\n          />\n        )}\n        {showError && (\n          <div className={classnames('lw-flex lw-h-[250px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary')}>\n            <ChartError />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,SAAS;AAElE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,MAAMC,iBAAiB,GAAGC,IAAA,IAII;EAAA,IAJH;IACzBC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,GAAAH,IAAA;EACvB,MAAMI,SAAS,GAAG,CAACP,eAAe,CAACI,UAAU,CAAC,IAAIE,YAAY;EAE9D,OACEV,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QACEb,KAAA,CAAAY,aAAA;IACEE,SAAS,EAAC;EAAsE,GAE/E,CAACH,SAAS,IACTX,KAAA,CAAAY,aAAA,CAACP,IAAI;IACHU,WAAW,EAAEZ,uBAAuB,CAACK,UAAU,EAAEC,QAAQ,CAAE;IAC3DD,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA;EAAS,CACpB,CACF,EACAE,SAAS,IACRX,KAAA,CAAAY,aAAA;IAAKE,SAAS,EAAEb,UAAU,CAAC,mGAAmG;EAAE,GAC9HD,KAAA,CAAAY,aAAA,CAACV,UAAU,MAAE,CACV,CAEJ,CACL,CAAC;AAEP,CAAC;AAED,SAASI,iBAAiB","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/components/Cell.js

@@ -6,15 +6,13 @@ const Cell = _ref => {
     children,
     isError,
     isLoading,
-    additionalBorderBottom,
     hovered,
     mouseEnterHandler,
     mouseLeaveHandler
   } = _ref;
   return React.createElement("div", {
-    className: classnames('lw-flex lw-h-[inherit] lw-flex-1 lw-items-center lw-justify-center lw-border-r lw-border-solid lw-border-border-primary', {
-      'lw-border-b': additionalBorderBottom,
-      'lw-font-semibold': hovered
+    className: classnames('lw-flex lw-h-11 lw-min-w-[70px] lw-flex-1 lw-items-center lw-justify-center lw-border-b lw-border-r lw-border-solid lw-border-border-primary last:lw-border-r-[0px]', {
+      'lw-bg-border-primary lw-font-semibold lw-shadow-innerBorderBgColor': hovered
     }),
     onMouseEnter: mouseEnterHandler,
     onMouseLeave: mouseLeaveHandler

package/dist/module/CurrencyCrossTableWidget/components/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","names":["React","classnames","CELL_EMPTY_VALUE","CELL_LOADING_VALUE","Cell","_ref","children","isError","isLoading","additionalBorderBottom","hovered","mouseEnterHandler","mouseLeaveHandler","createElement","className","onMouseEnter","onMouseLeave"],"sources":["../../../../src/CurrencyCrossTableWidget/components/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { CellProps } from './types';\nimport { CELL_EMPTY_VALUE, CELL_LOADING_VALUE } from '../constant';\n\nconst Cell = ({\n  children,\n  isError,\n  isLoading,\n  additionalBorderBottom,\n  hovered,\n  mouseEnterHandler,\n  mouseLeaveHandler,\n}: CellProps) => (\n  <div\n    className={classnames('lw-flex lw-h-[inherit] lw-flex-1 lw-items-center lw-justify-center lw-border-r lw-border-solid lw-border-border-primary', {\n      'lw-border-b': additionalBorderBottom,\n      'lw-font-semibold': hovered,\n    })}\n    onMouseEnter={mouseEnterHandler}\n    onMouseLeave={mouseLeaveHandler}\n  >\n    {isLoading && <div className=\"lw-px-3 lw-py-3.5\">{CELL_LOADING_VALUE}</div>}\n    {!isLoading && !isError && children}\n    {!isLoading && isError && (\n      <span>{CELL_EMPTY_VALUE}</span>\n    )}\n  </div>\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,aAAa;AAElE,MAAMC,IAAI,GAAGC,IAAA;EAAA,IAAC;IACZC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,sBAAsB;IACtBC,OAAO;IACPC,iBAAiB;IACjBC;EACS,CAAC,GAAAP,IAAA;EAAA,OACVL,KAAA,CAAAa,aAAA;IACEC,SAAS,EAAEb,UAAU,CAAC,yHAAyH,EAAE;MAC/I,aAAa,EAAEQ,sBAAsB;MACrC,kBAAkB,EAAEC;IACtB,CAAC,CAAE;IACHK,YAAY,EAAEJ,iBAAkB;IAChCK,YAAY,EAAEJ;EAAkB,GAE/BJ,SAAS,IAAIR,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAAEX,kBAAwB,CAAC,EAC1E,CAACK,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IACpBP,KAAA,CAAAa,aAAA,eAAOX,gBAAuB,CAE7B,CAAC;AAAA,CACP;AAED,SAASE,IAAI","ignoreList":[]}
+{"version":3,"file":"Cell.js","names":["React","classnames","CELL_EMPTY_VALUE","CELL_LOADING_VALUE","Cell","_ref","children","isError","isLoading","hovered","mouseEnterHandler","mouseLeaveHandler","createElement","className","onMouseEnter","onMouseLeave"],"sources":["../../../../src/CurrencyCrossTableWidget/components/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { CellProps } from './types';\nimport { CELL_EMPTY_VALUE, CELL_LOADING_VALUE } from '../constant';\n\nconst Cell = ({\n  children,\n  isError,\n  isLoading,\n  hovered,\n  mouseEnterHandler,\n  mouseLeaveHandler,\n}: CellProps) => (\n  <div\n    className={classnames('lw-flex lw-h-11 lw-min-w-[70px] lw-flex-1 lw-items-center lw-justify-center lw-border-b lw-border-r lw-border-solid lw-border-border-primary last:lw-border-r-[0px]', {\n      'lw-bg-border-primary lw-font-semibold lw-shadow-innerBorderBgColor': hovered,\n    })}\n    onMouseEnter={mouseEnterHandler}\n    onMouseLeave={mouseLeaveHandler}\n  >\n    {isLoading && <div className=\"lw-px-3 lw-py-3.5\">{CELL_LOADING_VALUE}</div>}\n    {!isLoading && !isError && children}\n    {!isLoading && isError && (\n      <span>{CELL_EMPTY_VALUE}</span>\n    )}\n  </div>\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,aAAa;AAElE,MAAMC,IAAI,GAAGC,IAAA;EAAA,IAAC;IACZC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,iBAAiB;IACjBC;EACS,CAAC,GAAAN,IAAA;EAAA,OACVL,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAEZ,UAAU,CAAC,qKAAqK,EAAE;MAC3L,oEAAoE,EAAEQ;IACxE,CAAC,CAAE;IACHK,YAAY,EAAEJ,iBAAkB;IAChCK,YAAY,EAAEJ;EAAkB,GAE/BH,SAAS,IAAIR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAAEV,kBAAwB,CAAC,EAC1E,CAACK,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IACpBP,KAAA,CAAAY,aAAA,eAAOV,gBAAuB,CAE7B,CAAC;AAAA,CACP;AAED,SAASE,IAAI","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/components/CellValidationWrapper.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { useSuspenseQuery } from '@apollo/client';
+import { validateInstruments } from '../../gql/validateInstruments';
+import { CellWithData } from './CellWithData';
+import { divisionMapper } from '../utils';
+const CellValidationWrapper = _ref => {
+  let {
+    currency,
+    pair,
+    instrument,
+    target,
+    setSelectedCurrency,
+    setSelectedPair,
+    division
+  } = _ref;
+  const {
+    error
+  } = useSuspenseQuery(validateInstruments, {
+    variables: {
+      instruments: [instrument],
+      division
+    },
+    fetchPolicy: 'network-only',
+    errorPolicy: 'all'
+  });
+  const instrumentForCalculations = error ? `${pair}${divisionMapper(division)}${currency}` : '';
+  return React.createElement(CellWithData, {
+    currency: currency,
+    pair: pair,
+    record: {
+      instrument,
+      displayName: `${currency}${divisionMapper(division)}${pair}`
+    },
+    instrumentForCalculations: instrumentForCalculations,
+    target: target,
+    setSelectedCurrency: setSelectedCurrency,
+    setSelectedPair: setSelectedPair,
+    division: division
+  });
+};
+export { CellValidationWrapper };
+//# sourceMappingURL=CellValidationWrapper.js.map

package/dist/module/CurrencyCrossTableWidget/components/CellValidationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellValidationWrapper.js","names":["React","useSuspenseQuery","validateInstruments","CellWithData","divisionMapper","CellValidationWrapper","_ref","currency","pair","instrument","target","setSelectedCurrency","setSelectedPair","division","error","variables","instruments","fetchPolicy","errorPolicy","instrumentForCalculations","createElement","record","displayName"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport { CellValidationWrapperProps } from './types';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../../gql/types/graphql';\nimport { validateInstruments } from '../../gql/validateInstruments';\nimport { CellWithData } from './CellWithData';\nimport { divisionMapper } from '../utils';\n\nconst CellValidationWrapper = ({\n  currency,\n  pair,\n  instrument,\n  target,\n  setSelectedCurrency,\n  setSelectedPair,\n  division,\n}: CellValidationWrapperProps) => {\n  const { error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: [instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const instrumentForCalculations = error ? `${pair}${divisionMapper(division)}${currency}` : '';\n\n  return (\n    <CellWithData\n      currency={currency}\n      pair={pair}\n      record={{\n        instrument,\n        displayName: `${currency}${divisionMapper(division)}${pair}`,\n      }}\n      instrumentForCalculations={instrumentForCalculations}\n      target={target}\n      setSelectedCurrency={setSelectedCurrency}\n      setSelectedPair={setSelectedPair}\n      division={division}\n    />\n  );\n};\n\nexport { CellValidationWrapper };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,gBAAgB;AAGjD,SAASC,mBAAmB,QAAQ,+BAA+B;AACnE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,cAAc,QAAQ,UAAU;AAEzC,MAAMC,qBAAqB,GAAGC,IAAA,IAQI;EAAA,IARH;IAC7BC,QAAQ;IACRC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,mBAAmB;IACnBC,eAAe;IACfC;EAC0B,CAAC,GAAAP,IAAA;EAC3B,MAAM;IAAEQ;EAAM,CAAC,GAAGb,gBAAgB,CAGhCC,mBAAmB,EAAE;IACrBa,SAAS,EAAE;MACTC,WAAW,EAAE,CAACP,UAAU,CAAC;MACzBI;IACF,CAAC;IACDI,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,yBAAyB,GAAGL,KAAK,GAAG,GAAGN,IAAI,GAAGJ,cAAc,CAACS,QAAQ,CAAC,GAAGN,QAAQ,EAAE,GAAG,EAAE;EAE9F,OACEP,KAAA,CAAAoB,aAAA,CAACjB,YAAY;IACXI,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXa,MAAM,EAAE;MACNZ,UAAU;MACVa,WAAW,EAAE,GAAGf,QAAQ,GAAGH,cAAc,CAACS,QAAQ,CAAC,GAAGL,IAAI;IAC5D,CAAE;IACFW,yBAAyB,EAAEA,yBAA0B;IACrDT,MAAM,EAAEA,MAAO;IACfC,mBAAmB,EAAEA,mBAAoB;IACzCC,eAAe,EAAEA,eAAgB;IACjCC,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAED,SAASR,qBAAqB","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/components/CellWithData.js

@@ -1,26 +1,33 @@
 import React, { useState } from 'react';
-import { Price } from '@oanda/labs-widget-common';
-import { useRecords } from '../utils';
+import { Price, useLiveRatesMessage } from '@oanda/labs-widget-common';
 import { Cell } from './Cell';
+import { getBuyPrice, getPriceMovement } from '../utils';
 const CellWithData = _ref => {
   let {
-    loading,
+    currency,
+    pair,
     record,
+    instrumentForCalculations,
     target,
-    additionalBorderBottom,
     setSelectedCurrency,
     setSelectedPair
   } = _ref;
   const [hovered, setHovered] = useState(false);
+  const instrumentForUpdates = instrumentForCalculations || record.instrument;
   const {
-    updatedRecord,
-    error
-  } = useRecords(record, record.instrument ? target : null);
-  const checkLoading = id => loading || !error && updatedRecord?.[id] === undefined;
+    update,
+    error: liveRatesError
+  } = useLiveRatesMessage(instrumentForUpdates, target);
+  const updatedRecord = {
+    displayName: record.displayName,
+    instrument: record.instrument,
+    buy: update?.ask,
+    buyPriceMovement: update?.askPriceMovement,
+    displayPrecision: update?.displayPrecision
+  };
+  const checkLoading = id => !liveRatesError && updatedRecord?.[id] === undefined;
   const handleMouseEnter = () => {
     setHovered(true);
-    const currency = record.instrument.substring(0, 3);
-    const pair = record.instrument.substring(record.instrument.length - 3);
     setSelectedCurrency(currency);
     setSelectedPair(pair);
   };
@@ -31,15 +38,14 @@ const CellWithData = _ref => {
   };
   return React.createElement(Cell, {
     isLoading: checkLoading('buy'),
-    isError: !!error,
-    additionalBorderBottom: additionalBorderBottom,
+    isError: !!liveRatesError,
     hovered: hovered,
     mouseEnterHandler: handleMouseEnter,
     mouseLeaveHandler: handleMouseLeave
   }, React.createElement(Price, {
-    priceMovement: updatedRecord.buyPriceMovement,
+    priceMovement: getPriceMovement(updatedRecord.buyPriceMovement, !!instrumentForCalculations),
     movementIndicator: "background"
-  }, React.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
+  }, React.createElement("span", null, getBuyPrice(updatedRecord.buy, !!instrumentForCalculations).toFixed(updatedRecord.displayPrecision))));
 };
 export { CellWithData };
 //# sourceMappingURL=CellWithData.js.map

package/dist/module/CurrencyCrossTableWidget/components/CellWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellWithData.js","names":["React","useState","Price","useRecords","Cell","CellWithData","_ref","loading","record","target","additionalBorderBottom","setSelectedCurrency","setSelectedPair","hovered","setHovered","updatedRecord","error","instrument","checkLoading","id","undefined","handleMouseEnter","currency","substring","pair","length","handleMouseLeave","createElement","isLoading","isError","mouseEnterHandler","mouseLeaveHandler","priceMovement","buyPriceMovement","movementIndicator","buy","toFixed","displayPrecision"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellWithData.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Price } from '@oanda/labs-widget-common';\nimport { useRecords } from '../utils';\nimport { CellWithDataProps } from './types';\nimport { Cell } from './Cell';\n\nconst CellWithData = ({\n  loading,\n  record,\n  target,\n  additionalBorderBottom,\n  setSelectedCurrency,\n  setSelectedPair,\n}: CellWithDataProps) => {\n  const [hovered, setHovered] = useState(false);\n  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  const handleMouseEnter = () => {\n    setHovered(true);\n\n    const currency = record.instrument.substring(0, 3);\n    const pair = record.instrument.substring(record.instrument.length - 3);\n\n    setSelectedCurrency(currency);\n    setSelectedPair(pair);\n  };\n\n  const handleMouseLeave = () => {\n    setHovered(false);\n\n    setSelectedCurrency('');\n    setSelectedPair('');\n  };\n\n  return (\n    <Cell\n      isLoading={checkLoading('buy')}\n      isError={!!error}\n      additionalBorderBottom={additionalBorderBottom}\n      hovered={hovered}\n      mouseEnterHandler={handleMouseEnter}\n      mouseLeaveHandler={handleMouseLeave}\n    >\n      <Price priceMovement={updatedRecord.buyPriceMovement} movementIndicator=\"background\">\n        <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n      </Price>\n    </Cell>\n  );\n};\n\nexport { CellWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,UAAU,QAAQ,UAAU;AAErC,SAASC,IAAI,QAAQ,QAAQ;AAE7B,MAAMC,YAAY,GAAGC,IAAA,IAOI;EAAA,IAPH;IACpBC,OAAO;IACPC,MAAM;IACNC,MAAM;IACNC,sBAAsB;IACtBC,mBAAmB;IACnBC;EACiB,CAAC,GAAAN,IAAA;EAClB,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM;IAAEc,aAAa;IAAEC;EAAM,CAAC,GAAGb,UAAU,CAACK,MAAM,EAAEA,MAAM,CAACS,UAAU,GAAGR,MAAM,GAAG,IAAI,CAAC;EAEtF,MAAMS,YAAY,GAAIC,EAAU,IAAKZ,OAAO,IAAK,CAACS,KAAK,IAAID,aAAa,GAAGI,EAAE,CAAC,KAAKC,SAAU;EAE7F,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BP,UAAU,CAAC,IAAI,CAAC;IAEhB,MAAMQ,QAAQ,GAAGd,MAAM,CAACS,UAAU,CAACM,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IAClD,MAAMC,IAAI,GAAGhB,MAAM,CAACS,UAAU,CAACM,SAAS,CAACf,MAAM,CAACS,UAAU,CAACQ,MAAM,GAAG,CAAC,CAAC;IAEtEd,mBAAmB,CAACW,QAAQ,CAAC;IAC7BV,eAAe,CAACY,IAAI,CAAC;EACvB,CAAC;EAED,MAAME,gBAAgB,GAAGA,CAAA,KAAM;IAC7BZ,UAAU,CAAC,KAAK,CAAC;IAEjBH,mBAAmB,CAAC,EAAE,CAAC;IACvBC,eAAe,CAAC,EAAE,CAAC;EACrB,CAAC;EAED,OACEZ,KAAA,CAAA2B,aAAA,CAACvB,IAAI;IACHwB,SAAS,EAAEV,YAAY,CAAC,KAAK,CAAE;IAC/BW,OAAO,EAAE,CAAC,CAACb,KAAM;IACjBN,sBAAsB,EAAEA,sBAAuB;IAC/CG,OAAO,EAAEA,OAAQ;IACjBiB,iBAAiB,EAAET,gBAAiB;IACpCU,iBAAiB,EAAEL;EAAiB,GAEpC1B,KAAA,CAAA2B,aAAA,CAACzB,KAAK;IAAC8B,aAAa,EAAEjB,aAAa,CAACkB,gBAAiB;IAACC,iBAAiB,EAAC;EAAY,GAClFlC,KAAA,CAAA2B,aAAA,eAAOZ,aAAa,CAACoB,GAAG,EAAEC,OAAO,CAACrB,aAAa,CAACsB,gBAAgB,CAAQ,CACnE,CACH,CAAC;AAEX,CAAC;AAED,SAAShC,YAAY","ignoreList":[]}
+{"version":3,"file":"CellWithData.js","names":["React","useState","Price","useLiveRatesMessage","Cell","getBuyPrice","getPriceMovement","CellWithData","_ref","currency","pair","record","instrumentForCalculations","target","setSelectedCurrency","setSelectedPair","hovered","setHovered","instrumentForUpdates","instrument","update","error","liveRatesError","updatedRecord","displayName","buy","ask","buyPriceMovement","askPriceMovement","displayPrecision","checkLoading","id","undefined","handleMouseEnter","handleMouseLeave","createElement","isLoading","isError","mouseEnterHandler","mouseLeaveHandler","priceMovement","movementIndicator","toFixed"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellWithData.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Price, useLiveRatesMessage } from '@oanda/labs-widget-common';\nimport { Cell } from './Cell';\nimport { CellWithDataProps } from './types';\nimport { getBuyPrice, getPriceMovement } from '../utils';\n\nconst CellWithData = ({\n  currency,\n  pair,\n  record,\n  instrumentForCalculations,\n  target,\n  setSelectedCurrency,\n  setSelectedPair,\n}: CellWithDataProps) => {\n  const [hovered, setHovered] = useState(false);\n\n  const instrumentForUpdates = instrumentForCalculations || record.instrument;\n\n  const { update, error: liveRatesError } = useLiveRatesMessage(\n    instrumentForUpdates,\n    target,\n  );\n\n  const updatedRecord: Record<string, any> = {\n    displayName: record.displayName,\n    instrument: record.instrument,\n    buy: update?.ask,\n    buyPriceMovement: update?.askPriceMovement,\n    displayPrecision: update?.displayPrecision,\n  };\n\n  const checkLoading = (id: string) => (!liveRatesError && updatedRecord?.[id] === undefined);\n\n  const handleMouseEnter = () => {\n    setHovered(true);\n    setSelectedCurrency(currency);\n    setSelectedPair(pair);\n  };\n\n  const handleMouseLeave = () => {\n    setHovered(false);\n    setSelectedCurrency('');\n    setSelectedPair('');\n  };\n\n  return (\n    <Cell\n      isLoading={checkLoading('buy')}\n      isError={!!liveRatesError}\n      hovered={hovered}\n      mouseEnterHandler={handleMouseEnter}\n      mouseLeaveHandler={handleMouseLeave}\n    >\n      <Price priceMovement={getPriceMovement(updatedRecord.buyPriceMovement, !!instrumentForCalculations)} movementIndicator=\"background\">\n        <span>\n          {getBuyPrice(\n            updatedRecord.buy,\n            !!instrumentForCalculations,\n          ).toFixed(updatedRecord.displayPrecision)}\n        </span>\n      </Price>\n    </Cell>\n  );\n};\n\nexport { CellWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,KAAK,EAAEC,mBAAmB,QAAQ,2BAA2B;AACtE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,UAAU;AAExD,MAAMC,YAAY,GAAGC,IAAA,IAQI;EAAA,IARH;IACpBC,QAAQ;IACRC,IAAI;IACJC,MAAM;IACNC,yBAAyB;IACzBC,MAAM;IACNC,mBAAmB;IACnBC;EACiB,CAAC,GAAAP,IAAA;EAClB,MAAM,CAACQ,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMiB,oBAAoB,GAAGN,yBAAyB,IAAID,MAAM,CAACQ,UAAU;EAE3E,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAEC;EAAe,CAAC,GAAGnB,mBAAmB,CAC3De,oBAAoB,EACpBL,MACF,CAAC;EAED,MAAMU,aAAkC,GAAG;IACzCC,WAAW,EAAEb,MAAM,CAACa,WAAW;IAC/BL,UAAU,EAAER,MAAM,CAACQ,UAAU;IAC7BM,GAAG,EAAEL,MAAM,EAAEM,GAAG;IAChBC,gBAAgB,EAAEP,MAAM,EAAEQ,gBAAgB;IAC1CC,gBAAgB,EAAET,MAAM,EAAES;EAC5B,CAAC;EAED,MAAMC,YAAY,GAAIC,EAAU,IAAM,CAACT,cAAc,IAAIC,aAAa,GAAGQ,EAAE,CAAC,KAAKC,SAAU;EAE3F,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BhB,UAAU,CAAC,IAAI,CAAC;IAChBH,mBAAmB,CAACL,QAAQ,CAAC;IAC7BM,eAAe,CAACL,IAAI,CAAC;EACvB,CAAC;EAED,MAAMwB,gBAAgB,GAAGA,CAAA,KAAM;IAC7BjB,UAAU,CAAC,KAAK,CAAC;IACjBH,mBAAmB,CAAC,EAAE,CAAC;IACvBC,eAAe,CAAC,EAAE,CAAC;EACrB,CAAC;EAED,OACEf,KAAA,CAAAmC,aAAA,CAAC/B,IAAI;IACHgC,SAAS,EAAEN,YAAY,CAAC,KAAK,CAAE;IAC/BO,OAAO,EAAE,CAAC,CAACf,cAAe;IAC1BN,OAAO,EAAEA,OAAQ;IACjBsB,iBAAiB,EAAEL,gBAAiB;IACpCM,iBAAiB,EAAEL;EAAiB,GAEpClC,KAAA,CAAAmC,aAAA,CAACjC,KAAK;IAACsC,aAAa,EAAElC,gBAAgB,CAACiB,aAAa,CAACI,gBAAgB,EAAE,CAAC,CAACf,yBAAyB,CAAE;IAAC6B,iBAAiB,EAAC;EAAY,GACjIzC,KAAA,CAAAmC,aAAA,eACG9B,WAAW,CACVkB,aAAa,CAACE,GAAG,EACjB,CAAC,CAACb,yBACJ,CAAC,CAAC8B,OAAO,CAACnB,aAAa,CAACM,gBAAgB,CACpC,CACD,CACH,CAAC;AAEX,CAAC;AAED,SAAStB,YAAY","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/components/TextCell.js

@@ -4,14 +4,16 @@ const TextCell = _ref => {
   let {
     label,
     emptyIndicator,
-    additionalBorderBottom,
-    hovered
+    hovered,
+    sticky
   } = _ref;
   return React.createElement("span", {
-    className: classnames('lw-flex-1 lw-border-r lw-border-solid lw-border-border-primary lw-py-3.5 lw-text-center', {
-      'lw-border-b': additionalBorderBottom,
+    className: classnames('lw-h-11 lw-min-w-[70px] lw-flex-1 lw-border-b lw-border-r lw-border-solid lw-border-border-primary lw-py-3.5 lw-text-center last:lw-border-r-[0px]', {
       'lw-bg-border-primary': emptyIndicator,
-      'lw-font-semibold': hovered
+      'lw-shadow-innerBorderBgColor': emptyIndicator && hovered,
+      'lw-bg-border-primary lw-font-semibold': hovered,
+      'lw-sticky lw-left-0 lw-z-10': sticky,
+      'lw-bg-bg-primary': sticky && !hovered
     })
   }, label);
 };

package/dist/module/CurrencyCrossTableWidget/components/TextCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextCell.js","names":["React","classnames","TextCell","_ref","label","emptyIndicator","additionalBorderBottom","hovered","createElement","className"],"sources":["../../../../src/CurrencyCrossTableWidget/components/TextCell.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { TextCellProps } from './types';\n\nconst TextCell = ({\n  label,\n  emptyIndicator,\n  additionalBorderBottom,\n  hovered,\n}: TextCellProps) => (\n  <span className={classnames('lw-flex-1 lw-border-r lw-border-solid lw-border-border-primary lw-py-3.5 lw-text-center', {\n    'lw-border-b': additionalBorderBottom,\n    'lw-bg-border-primary': emptyIndicator,\n    'lw-font-semibold': hovered,\n  })}\n  >\n    {label}\n  </span>\n);\n\nexport { TextCell };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAGnC,MAAMC,QAAQ,GAAGC,IAAA;EAAA,IAAC;IAChBC,KAAK;IACLC,cAAc;IACdC,sBAAsB;IACtBC;EACa,CAAC,GAAAJ,IAAA;EAAA,OACdH,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAER,UAAU,CAAC,yFAAyF,EAAE;MACrH,aAAa,EAAEK,sBAAsB;MACrC,sBAAsB,EAAED,cAAc;MACtC,kBAAkB,EAAEE;IACtB,CAAC;EAAE,GAEAH,KACG,CAAC;AAAA,CACR;AAED,SAASF,QAAQ","ignoreList":[]}
+{"version":3,"file":"TextCell.js","names":["React","classnames","TextCell","_ref","label","emptyIndicator","hovered","sticky","createElement","className"],"sources":["../../../../src/CurrencyCrossTableWidget/components/TextCell.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { TextCellProps } from './types';\n\nconst TextCell = ({\n  label,\n  emptyIndicator,\n  hovered,\n  sticky,\n}: TextCellProps) => (\n  <span className={classnames('lw-h-11 lw-min-w-[70px] lw-flex-1 lw-border-b lw-border-r lw-border-solid lw-border-border-primary lw-py-3.5 lw-text-center last:lw-border-r-[0px]', {\n    'lw-bg-border-primary': emptyIndicator,\n    'lw-shadow-innerBorderBgColor': emptyIndicator && hovered,\n    'lw-bg-border-primary lw-font-semibold': hovered,\n    'lw-sticky lw-left-0 lw-z-10': sticky,\n    'lw-bg-bg-primary': sticky && !hovered,\n  })}\n  >\n    {label}\n  </span>\n);\n\nexport { TextCell };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAGnC,MAAMC,QAAQ,GAAGC,IAAA;EAAA,IAAC;IAChBC,KAAK;IACLC,cAAc;IACdC,OAAO;IACPC;EACa,CAAC,GAAAJ,IAAA;EAAA,OACdH,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAER,UAAU,CAAC,oJAAoJ,EAAE;MAChL,sBAAsB,EAAEI,cAAc;MACtC,8BAA8B,EAAEA,cAAc,IAAIC,OAAO;MACzD,uCAAuC,EAAEA,OAAO;MAChD,6BAA6B,EAAEC,MAAM;MACrC,kBAAkB,EAAEA,MAAM,IAAI,CAACD;IACjC,CAAC;EAAE,GAEAF,KACG,CAAC;AAAA,CACR;AAED,SAASF,QAAQ","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/components/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/CurrencyCrossTableWidget/components/types.ts"],"sourcesContent":["import { DataRecord, LoaderSize } from '@oanda/labs-widget-common';\n\nexport interface CellWithDataProps {\n  loading: boolean;\n  record: DataRecord;\n  target: EventTarget | null;\n  additionalBorderBottom? : boolean;\n  setSelectedCurrency: React.Dispatch<React.SetStateAction<string>>;\n  setSelectedPair: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport interface CellProps {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  isError?: boolean;\n  loaderSize?: LoaderSize;\n  additionalBorderBottom? : boolean;\n  hovered: boolean;\n  mouseEnterHandler: () => void;\n  mouseLeaveHandler: () => void;\n}\n\nexport interface TextCellProps {\n  label?: string;\n  emptyIndicator?: boolean;\n  additionalBorderBottom? : boolean;\n  hovered?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/CurrencyCrossTableWidget/components/types.ts"],"sourcesContent":["import { DataRecord, LoaderSize } from '@oanda/labs-widget-common';\nimport { Division } from '../../gql/types/graphql';\n\nexport interface CellValidationWrapperProps {\n  currency: string;\n  pair: string;\n  instrument: string;\n  target: EventTarget | null;\n  division: Division;\n  setSelectedCurrency: React.Dispatch<React.SetStateAction<string>>;\n  setSelectedPair: React.Dispatch<React.SetStateAction<string>>;\n}\nexport interface CellWithDataProps {\n  currency: string;\n  pair: string;\n  instrumentForCalculations: string;\n  record: DataRecord;\n  target: EventTarget | null;\n  division: Division;\n  setSelectedCurrency: React.Dispatch<React.SetStateAction<string>>;\n  setSelectedPair: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport interface CellProps {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  isError?: boolean;\n  loaderSize?: LoaderSize;\n  hovered: boolean;\n  mouseEnterHandler: () => void;\n  mouseLeaveHandler: () => void;\n}\n\nexport interface TextCellProps {\n  label?: string;\n  emptyIndicator?: boolean;\n  hovered?: boolean;\n  sticky?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/render.js

@@ -2,8 +2,9 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { validateLocale, validateToolParams } from '@oanda/labs-widget-common';
 import { CurrencyCrossTableWidget } from './CurrencyCrossTableWidget';
-import { Division } from './types';
+import { Division } from '../gql/types/graphql';
 const {
+  graphqlUrl,
   liveRatesUrl
 } = window.widgetsConfig || {};
 const currencyCrossTableElements = document.querySelectorAll('div[data-currency-cross-table-params]');
@@ -20,6 +21,7 @@ currencyCrossTableElements.forEach(element => {
     division,
     locale,
     currencies,
+    graphqlUrl,
     liveRatesUrl
   }, [{
     name: 'locale',
@@ -30,10 +32,13 @@ currencyCrossTableElements.forEach(element => {
   }, {
     name: 'currencies',
     valueCheck: value => value.length > 0 && value.length <= 8
+  }, {
+    name: 'graphqlUrl'
   }, {
     name: 'liveRatesUrl'
   }]);
   root.render(React.createElement(CurrencyCrossTableWidget, {
+    graphqlUrl: graphqlUrl,
     liveRatesUrl: liveRatesUrl,
     division: division,
     currencies: currencies,

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["React","createRoot","validateLocale","validateToolParams","CurrencyCrossTableWidget","Division","liveRatesUrl","window","widgetsConfig","currencyCrossTableElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","currencies","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","length","render","createElement","theme"],"sources":["../../../src/CurrencyCrossTableWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyCrossTableWidget } from './CurrencyCrossTableWidget';\nimport { Division } from './types';\n\nconst {\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst currencyCrossTableElements = document.querySelectorAll('div[data-currency-cross-table-params]');\n\ncurrencyCrossTableElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-currency-cross-table-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    currencies, division, locale,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, currencies, liveRatesUrl,\n  }, [{\n    name: 'locale',\n    valueCheck: (value) => validateLocale(value),\n  }, {\n    name: 'division',\n    valueCheck: (value) => Object.values(Division).includes(value),\n  }, {\n    name: 'currencies',\n    valueCheck: (value) => (value as string[]).length > 0 && (value as string[]).length <= 8,\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <CurrencyCrossTableWidget\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      currencies={currencies}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n    />,\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAgBC,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AACrF,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,QAAQ,SAAS;AAElC,MAAM;EACJC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,0BAA0B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,uCAAuC,CAAC;AAErGF,0BAA0B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC9C,MAAMC,IAAI,GAAGb,UAAU,CAACY,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,kCAAkC,CAAC;EACvE,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,UAAU;IAAEC,QAAQ;IAAEC;EACxB,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,MAAgB,CAAC;EAEhC,MAAMQ,YAAY,GAAGpB,kBAAkB,CAAC;IACtCgB,QAAQ;IAAEC,MAAM;IAAEF,UAAU;IAAEZ;EAChC,CAAC,EAAE,CAAC;IACFkB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAKxB,cAAc,CAACwB,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKC,MAAM,CAACC,MAAM,CAACvB,QAAQ,CAAC,CAACwB,QAAQ,CAACH,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAGC,KAAK,IAAMA,KAAK,CAAcI,MAAM,GAAG,CAAC,IAAKJ,KAAK,CAAcI,MAAM,IAAI;EACzF,CAAC,EAAE;IACDN,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHV,IAAI,CAACiB,MAAM,CACT/B,KAAA,CAAAgC,aAAA,CAAC5B,wBAAwB;IACvBE,YAAY,EAAEA,YAAa;IAC3Ba,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA,UAAW;IACvBE,MAAM,EAAEA,MAAO;IACfa,KAAK,EAAEhB,IAAc;IACrBM,YAAY,EAAEA;EAAa,CAC5B,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["React","createRoot","validateLocale","validateToolParams","CurrencyCrossTableWidget","Division","graphqlUrl","liveRatesUrl","window","widgetsConfig","currencyCrossTableElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","currencies","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","length","render","createElement","theme"],"sources":["../../../src/CurrencyCrossTableWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyCrossTableWidget } from './CurrencyCrossTableWidget';\nimport { Division } from '../gql/types/graphql';\n\nconst {\n  graphqlUrl,\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst currencyCrossTableElements = document.querySelectorAll('div[data-currency-cross-table-params]');\n\ncurrencyCrossTableElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-currency-cross-table-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    currencies, division, locale,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, currencies, graphqlUrl, liveRatesUrl,\n  }, [{\n    name: 'locale',\n    valueCheck: (value) => validateLocale(value),\n  }, {\n    name: 'division',\n    valueCheck: (value) => Object.values(Division).includes(value),\n  }, {\n    name: 'currencies',\n    valueCheck: (value) => (value as string[]).length > 0 && (value as string[]).length <= 8,\n  }, {\n    name: 'graphqlUrl',\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <CurrencyCrossTableWidget\n      graphqlUrl={graphqlUrl}\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      currencies={currencies}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n    />,\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAgBC,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AACrF,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,MAAM;EACJC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,0BAA0B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,uCAAuC,CAAC;AAErGF,0BAA0B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC9C,MAAMC,IAAI,GAAGd,UAAU,CAACa,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,kCAAkC,CAAC;EACvE,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,UAAU;IAAEC,QAAQ;IAAEC;EACxB,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,MAAgB,CAAC;EAEhC,MAAMQ,YAAY,GAAGrB,kBAAkB,CAAC;IACtCiB,QAAQ;IAAEC,MAAM;IAAEF,UAAU;IAAEb,UAAU;IAAEC;EAC5C,CAAC,EAAE,CAAC;IACFkB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAKzB,cAAc,CAACyB,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKC,MAAM,CAACC,MAAM,CAACxB,QAAQ,CAAC,CAACyB,QAAQ,CAACH,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAGC,KAAK,IAAMA,KAAK,CAAcI,MAAM,GAAG,CAAC,IAAKJ,KAAK,CAAcI,MAAM,IAAI;EACzF,CAAC,EAAE;IACDN,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHV,IAAI,CAACiB,MAAM,CACThC,KAAA,CAAAiC,aAAA,CAAC7B,wBAAwB;IACvBE,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3Ba,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA,UAAW;IACvBE,MAAM,EAAEA,MAAO;IACfa,KAAK,EAAEhB,IAAc;IACrBM,YAAY,EAAEA;EAAa,CAC5B,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/types.js

@@ -1,14 +1,2 @@
 export { Locale } from '@oanda/mono-i18n';
-export let Division = function (Division) {
-  Division["Oap"] = "OAP";
-  Division["Oau"] = "OAU";
-  Division["Oc"] = "OC";
-  Division["Ocan"] = "OCAN";
-  Division["Oel"] = "OEL";
-  Division["Ogm"] = "OGM";
-  Division["Oj"] = "OJ";
-  Division["Opt"] = "OPT";
-  Division["Otms"] = "OTMS";
-  return Division;
-}({});
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["Locale","Division"],"sources":["../../../src/CurrencyCrossTableWidget/types.tsx"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\n\nexport { Locale } from '@oanda/mono-i18n';\n\nexport enum Division {\n  Oap = 'OAP',\n  Oau = 'OAU',\n  Oc = 'OC',\n  Ocan = 'OCAN',\n  Oel = 'OEL',\n  Ogm = 'OGM',\n  Oj = 'OJ',\n  Opt = 'OPT',\n  Otms = 'OTMS',\n}\n\nexport interface CurrencyCrossTableConfig {\n  division: Division;\n  liveRatesUrl: string;\n  currencies: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n}\n\nexport interface ValidationWrapperProps {\n  currencies: string[];\n  division: Division;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  currencies: string[];\n  instruments: string[];\n}\n"],"mappings":"AAGA,SAASA,MAAM,QAAQ,kBAAkB;AAEzC,WAAYC,QAAQ,aAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["Locale"],"sources":["../../../src/CurrencyCrossTableWidget/types.tsx"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\n\nexport interface CurrencyCrossTableConfig {\n  division: Division;\n  graphqlUrl: string;\n  liveRatesUrl: string;\n  currencies: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n}\n\nexport interface ValidationWrapperProps {\n  currencies: string[];\n  division: Division;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  currencies: string[];\n  instruments: string[];\n  division: Division;\n}\n"],"mappings":"AAIA,SAASA,MAAM,QAAQ,kBAAkB","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/utils.js

@@ -1,39 +1,20 @@
-import { useEffect, useState } from 'react';
-import { useLiveRatesMessage } from '@oanda/labs-widget-common';
 import { MAJOR_CURRENCIES } from './constant';
 const validCurrencies = currencies => currencies.every(currency => MAJOR_CURRENCIES.includes(currency));
+const divisionMapper = division => division === 'OGM' ? '' : '_';
 const currenciesToInstruments = (currencies, division) => {
-  const divisionMapper = division === 'OGM' ? '' : '_';
   const pairs = currencies.reduce((acc, cV, index, array) => {
     const unique = array.filter((_item, idx) => index !== idx);
-    return [...acc, ...unique.map(el => `${cV}${divisionMapper}${el}`)];
+    return [...acc, ...unique.map(el => `${cV}${divisionMapper(division)}${el}`)];
   }, []);
   return pairs;
 };
-const useRecords = (record, target) => {
-  const [updatedRecord, setUpdatedRecord] = useState({
-    displayName: record.displayName,
-    instrument: record.instrument
-  });
-  const [error, setError] = useState(null);
-  const {
-    update,
-    error: liveRatesError
-  } = useLiveRatesMessage(record.instrument, target);
-  useEffect(() => {
-    setUpdatedRecord({
-      displayName: record.displayName,
-      instrument: record.instrument,
-      buy: update?.ask,
-      buyPriceMovement: update?.askPriceMovement,
-      displayPrecision: update?.displayPrecision
-    });
-    setError(liveRatesError);
-  }, [update, record, liveRatesError]);
-  return {
-    updatedRecord,
-    error
-  };
+const getPriceMovement = (priceMovement, isReversed) => {
+  if (priceMovement === undefined) return 0;
+  return isReversed ? priceMovement * -1 : priceMovement;
 };
-export { validCurrencies, currenciesToInstruments, useRecords };
+const getBuyPrice = (price, isReversed) => {
+  if (price === undefined) return 0;
+  return isReversed ? 1 / price : price;
+};
+export { validCurrencies, currenciesToInstruments, divisionMapper, getPriceMovement, getBuyPrice };
 //# sourceMappingURL=utils.js.map

package/dist/module/CurrencyCrossTableWidget/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["useEffect","useState","useLiveRatesMessage","MAJOR_CURRENCIES","validCurrencies","currencies","every","currency","includes","currenciesToInstruments","division","divisionMapper","pairs","reduce","acc","cV","index","array","unique","filter","_item","idx","map","el","useRecords","record","target","updatedRecord","setUpdatedRecord","displayName","instrument","error","setError","update","liveRatesError","buy","ask","buyPriceMovement","askPriceMovement","displayPrecision"],"sources":["../../../src/CurrencyCrossTableWidget/utils.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { DataRecord, LiveRatesErrorMessage, useLiveRatesMessage } from '@oanda/labs-widget-common';\nimport { MAJOR_CURRENCIES } from './constant';\n\nconst validCurrencies = (currencies: string[]) => currencies\n  .every((currency) => MAJOR_CURRENCIES.includes(currency));\n\nconst currenciesToInstruments = (currencies: string[], division: any) => {\n  const divisionMapper = division === 'OGM' ? '' : '_';\n\n  const pairs = currencies.reduce((acc, cV, index, array) => {\n    const unique = array.filter((_item, idx) => index !== idx);\n\n    return [\n      ...acc,\n      ...unique.map((el) => `${cV}${divisionMapper}${el}`),\n    ];\n  }, [] as string[]);\n\n  return pairs;\n};\n\nconst useRecords = (\n  record: DataRecord,\n  target: EventTarget | null,\n) => {\n  const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n    displayName: record.displayName,\n    instrument: record.instrument,\n  });\n\n  const [error, setError] = useState<LiveRatesErrorMessage | null>(null);\n\n  const { update, error: liveRatesError } = useLiveRatesMessage(\n    record.instrument,\n    target,\n  );\n\n  useEffect(() => {\n    setUpdatedRecord({\n      displayName: record.displayName,\n      instrument: record.instrument,\n      buy: update?.ask,\n      buyPriceMovement: update?.askPriceMovement,\n      displayPrecision: update?.displayPrecision,\n    });\n    setError(liveRatesError);\n  }, [update, record, liveRatesError]);\n\n  return {\n    updatedRecord,\n    error,\n  };\n};\n\nexport {\n  validCurrencies,\n  currenciesToInstruments,\n  useRecords,\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAA4CC,mBAAmB,QAAQ,2BAA2B;AAClG,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,MAAMC,eAAe,GAAIC,UAAoB,IAAKA,UAAU,CACzDC,KAAK,CAAEC,QAAQ,IAAKJ,gBAAgB,CAACK,QAAQ,CAACD,QAAQ,CAAC,CAAC;AAE3D,MAAME,uBAAuB,GAAGA,CAACJ,UAAoB,EAAEK,QAAa,KAAK;EACvE,MAAMC,cAAc,GAAGD,QAAQ,KAAK,KAAK,GAAG,EAAE,GAAG,GAAG;EAEpD,MAAME,KAAK,GAAGP,UAAU,CAACQ,MAAM,CAAC,CAACC,GAAG,EAAEC,EAAE,EAAEC,KAAK,EAAEC,KAAK,KAAK;IACzD,MAAMC,MAAM,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAKL,KAAK,KAAKK,GAAG,CAAC;IAE1D,OAAO,CACL,GAAGP,GAAG,EACN,GAAGI,MAAM,CAACI,GAAG,CAAEC,EAAE,IAAK,GAAGR,EAAE,GAAGJ,cAAc,GAAGY,EAAE,EAAE,CAAC,CACrD;EACH,CAAC,EAAE,EAAc,CAAC;EAElB,OAAOX,KAAK;AACd,CAAC;AAED,MAAMY,UAAU,GAAGA,CACjBC,MAAkB,EAClBC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG3B,QAAQ,CAAa;IAC7D4B,WAAW,EAAEJ,MAAM,CAACI,WAAW;IAC/BC,UAAU,EAAEL,MAAM,CAACK;EACrB,CAAC,CAAC;EAEF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG/B,QAAQ,CAA+B,IAAI,CAAC;EAEtE,MAAM;IAAEgC,MAAM;IAAEF,KAAK,EAAEG;EAAe,CAAC,GAAGhC,mBAAmB,CAC3DuB,MAAM,CAACK,UAAU,EACjBJ,MACF,CAAC;EAED1B,SAAS,CAAC,MAAM;IACd4B,gBAAgB,CAAC;MACfC,WAAW,EAAEJ,MAAM,CAACI,WAAW;MAC/BC,UAAU,EAAEL,MAAM,CAACK,UAAU;MAC7BK,GAAG,EAAEF,MAAM,EAAEG,GAAG;MAChBC,gBAAgB,EAAEJ,MAAM,EAAEK,gBAAgB;MAC1CC,gBAAgB,EAAEN,MAAM,EAAEM;IAC5B,CAAC,CAAC;IACFP,QAAQ,CAACE,cAAc,CAAC;EAC1B,CAAC,EAAE,CAACD,MAAM,EAAER,MAAM,EAAES,cAAc,CAAC,CAAC;EAEpC,OAAO;IACLP,aAAa;IACbI;EACF,CAAC;AACH,CAAC;AAED,SACE3B,eAAe,EACfK,uBAAuB,EACvBe,UAAU","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["MAJOR_CURRENCIES","validCurrencies","currencies","every","currency","includes","divisionMapper","division","currenciesToInstruments","pairs","reduce","acc","cV","index","array","unique","filter","_item","idx","map","el","getPriceMovement","priceMovement","isReversed","undefined","getBuyPrice","price"],"sources":["../../../src/CurrencyCrossTableWidget/utils.ts"],"sourcesContent":["import { MAJOR_CURRENCIES } from './constant';\nimport { Division } from '../gql/types/graphql';\n\nconst validCurrencies = (currencies: string[]) => currencies\n  .every((currency) => MAJOR_CURRENCIES.includes(currency));\n\nconst divisionMapper = (division: Division) => (division === 'OGM' ? '' : '_');\n\nconst currenciesToInstruments = (currencies: string[], division: any) => {\n  const pairs = currencies.reduce((acc, cV, index, array) => {\n    const unique = array.filter((_item, idx) => index !== idx);\n\n    return [\n      ...acc,\n      ...unique.map((el) => `${cV}${divisionMapper(division)}${el}`),\n    ];\n  }, [] as string[]);\n\n  return pairs;\n};\n\nconst getPriceMovement = (priceMovement: number | undefined, isReversed: boolean) => {\n  if (priceMovement === undefined) return 0;\n\n  return isReversed ? priceMovement * -1 : priceMovement;\n};\n\nconst getBuyPrice = (price: number | undefined, isReversed: boolean) => {\n  if (price === undefined) return 0;\n\n  return isReversed ? 1 / price : price;\n};\n\nexport {\n  validCurrencies,\n  currenciesToInstruments,\n  divisionMapper,\n  getPriceMovement,\n  getBuyPrice,\n};\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,YAAY;AAG7C,MAAMC,eAAe,GAAIC,UAAoB,IAAKA,UAAU,CACzDC,KAAK,CAAEC,QAAQ,IAAKJ,gBAAgB,CAACK,QAAQ,CAACD,QAAQ,CAAC,CAAC;AAE3D,MAAME,cAAc,GAAIC,QAAkB,IAAMA,QAAQ,KAAK,KAAK,GAAG,EAAE,GAAG,GAAI;AAE9E,MAAMC,uBAAuB,GAAGA,CAACN,UAAoB,EAAEK,QAAa,KAAK;EACvE,MAAME,KAAK,GAAGP,UAAU,CAACQ,MAAM,CAAC,CAACC,GAAG,EAAEC,EAAE,EAAEC,KAAK,EAAEC,KAAK,KAAK;IACzD,MAAMC,MAAM,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAKL,KAAK,KAAKK,GAAG,CAAC;IAE1D,OAAO,CACL,GAAGP,GAAG,EACN,GAAGI,MAAM,CAACI,GAAG,CAAEC,EAAE,IAAK,GAAGR,EAAE,GAAGN,cAAc,CAACC,QAAQ,CAAC,GAAGa,EAAE,EAAE,CAAC,CAC/D;EACH,CAAC,EAAE,EAAc,CAAC;EAElB,OAAOX,KAAK;AACd,CAAC;AAED,MAAMY,gBAAgB,GAAGA,CAACC,aAAiC,EAAEC,UAAmB,KAAK;EACnF,IAAID,aAAa,KAAKE,SAAS,EAAE,OAAO,CAAC;EAEzC,OAAOD,UAAU,GAAGD,aAAa,GAAG,CAAC,CAAC,GAAGA,aAAa;AACxD,CAAC;AAED,MAAMG,WAAW,GAAGA,CAACC,KAAyB,EAAEH,UAAmB,KAAK;EACtE,IAAIG,KAAK,KAAKF,SAAS,EAAE,OAAO,CAAC;EAEjC,OAAOD,UAAU,GAAG,CAAC,GAAGG,KAAK,GAAGA,KAAK;AACvC,CAAC;AAED,SACEzB,eAAe,EACfO,uBAAuB,EACvBF,cAAc,EACde,gBAAgB,EAChBI,WAAW","ignoreList":[]}

package/dist/module/gql/types/fragment-masking.js

@@ -0,0 +1,15 @@
+export function useFragment(_documentNode, fragmentType) {
+  return fragmentType;
+}
+export function makeFragmentData(data, _fragment) {
+  return data;
+}
+export function isFragmentReady(queryNode, fragmentNode, data) {
+  const deferredFields = queryNode.__meta__?.deferredFields;
+  if (!deferredFields) return true;
+  const fragDef = fragmentNode.definitions[0];
+  const fragName = fragDef?.name?.value;
+  const fields = fragName && deferredFields[fragName] || [];
+  return fields.length > 0 && fields.every(field => data && field in data);
+}
+//# sourceMappingURL=fragment-masking.js.map

package/dist/module/gql/types/fragment-masking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\n\nexport type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<\n  infer TType,\n  any\n>\n  ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n    ? TKey extends string\n      ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n      : never\n    : never\n  : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\n}\n\n\nexport function makeFragmentData<\n  F extends DocumentTypeDecoration<any, any>,\n  FT extends ResultOf<F>\n>(data: FT, _fragment: F): FragmentType<F> {\n  return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n  queryNode: DocumentTypeDecoration<TQuery, any>,\n  fragmentNode: TypedDocumentNode<TFrag>,\n  data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (queryNode as { __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> } }).__meta__\n    ?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as FragmentDefinitionNode | undefined;\n  const fragName = fragDef?.name?.value;\n\n  const fields = (fragName && deferredFields[fragName]) || [];\n  return fields.length > 0 && fields.every(field => data && field in data);\n}\n"],"mappings":"AAoCA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAAmJ,EAClG;EACjD,OAAOA,YAAY;AACrB;AAGA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAAiF,EACtC;EAC3C,MAAMK,cAAc,GAAIF,SAAS,CAAwEG,QAAQ,EAC7GD,cAAc;EAElB,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC,CAAuC;EACjF,MAAMC,QAAQ,GAAGF,OAAO,EAAEG,IAAI,EAAEC,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAACC,KAAK,IAAIf,IAAI,IAAIe,KAAK,IAAIf,IAAI,CAAC;AAC1E","ignoreList":[]}

package/dist/module/gql/types/gql.js

@@ -0,0 +1,8 @@
+import * as types from './graphql';
+const documents = {
+  "\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n": types.ValidateInstrumentsDocument
+};
+export function graphql(source) {
+  return documents[source] ?? {};
+}
+//# sourceMappingURL=gql.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gql.js","names":["types","documents","ValidateInstrumentsDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n    \"\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n\": types.ValidateInstrumentsDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n\"];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EACd,sMAAsM,EAAED,KAAK,CAACE;AAClN,CAAC;AAqBD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQH,SAAS,CAASG,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}