@oanda/labs-live-rates-table-widget 1.0.49 → 1.0.50

package/src/LiveRatesTableWidget/types.tsx

@@ -1,4 +1,8 @@
-import type { WidgetConfig } from '@oanda/labs-widget-common';
+import type {
+  DataRecord,
+  DataRecordType,
+  WidgetConfig,
+} from '@oanda/labs-widget-common';
 
 import type { Division } from '../gql/types/graphql';
 
@@ -10,67 +14,21 @@ export enum View {
   CARDS = 'cards',
 }
 
+export interface ValidateInstrumentsData {
+  records?: DataRecord[];
+}
+
 export interface LiveRatesTableConfig extends WidgetConfig {
   division: Division;
   liveRatesUrl: string;
   instruments: string[];
-  columns?: ColumnsNames[];
+  columns?: DataRecordType[];
   removePadding?: boolean;
   view?: View;
 }
 
-export enum ColumnsNames {
-  INSTRUMENT = 'instrument',
-  SELL = 'sell',
-  BUY = 'buy',
-  DAILY_CHANGE = 'dailyChange',
-  CHART = 'chart',
-  SPREAD = 'spread',
-}
-
 export interface MainProps {
   instruments: string[];
   division: Division;
-  columns?: ColumnsNames[];
-}
-
-export interface Sentiment {
-  shortPercent: number;
-  longPercent: number;
-}
-
-export type EmptyRecord = Record<string, never>;
-
-export interface DataRecord {
-  [key: string]: string | number | undefined;
-  instrument: string;
-  displayName: string;
-  buy?: number;
-  sell?: number;
-  spread?: number;
-  sellPriceMovement?: number;
-  buyPriceMovement?: number;
-  dailyPercentChange?: string;
-  displayPrecision?: number;
-}
-
-export interface RowWithDataProps {
-  loading: boolean;
-  record: DataRecord;
-  hasBackgroundColor: boolean;
-  target: EventTarget | null;
-  activeColumns: ColumnsNames[];
-  division: Division;
-  isScrolled?: boolean;
-}
-
-export interface CardWithDataProps {
-  index: number;
-  isLoading?: boolean;
-  isError?: boolean;
-  record: DataRecord;
-  target: EventTarget | null;
-  activeColumns: ColumnsNames[];
-  division: Division;
-  isLast?: boolean;
+  columns?: DataRecordType[];
 }

package/src/LiveRatesTableWidget/utils.ts

@@ -1,66 +1,22 @@
 import type {
-  HeaderColumns,
-  LiveRatesErrorMessage,
-} from '@oanda/labs-widget-common';
-import { useLiveRatesMessage } from '@oanda/labs-widget-common';
-import { useEffect, useState } from 'react';
-import { useIntersectionObserver } from 'usehooks-ts';
-
-import type { ValidateInstrumentsQuery } from '../gql/types/graphql';
-import { headerConfig } from './config';
-import type { DataRecord, EmptyRecord } from './types';
-import { ColumnsNames } from './types';
-
-const getRecords = (data: ValidateInstrumentsQuery) =>
-  data?.mapInstrumentNames?.map((item) => ({
-    instrument: item?.name || '',
-    displayName: item?.displayName || '',
-  }));
-
-const getHeaderConfig = (activeColumns: ColumnsNames[]): HeaderColumns[] =>
-  [ColumnsNames.INSTRUMENT, ...activeColumns].map((item) => headerConfig[item]);
-
-const useRecords = (
-  record: DataRecord | EmptyRecord,
-  target: EventTarget | null
-) => {
-  const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({
-    displayName: record.displayName,
-    instrument: record.instrument,
-    sentiment: record.sentiment,
-  });
-  const [error, setError] = useState<LiveRatesErrorMessage | null>(null);
-  const entry = useIntersectionObserver();
-  const isVisible = !!entry?.isIntersecting;
-
-  const { update, error: liveRatesError } = useLiveRatesMessage(
-    record.instrument,
-    target
-  );
-
-  useEffect(() => {
-    if (isVisible) {
-      setUpdatedRecord({
-        displayName: record.displayName,
-        instrument: record.instrument,
-        sentiment: record.sentiment,
-        buy: update?.ask,
-        sell: update?.bid,
-        sellPriceMovement: update?.bidPriceMovement,
-        buyPriceMovement: update?.askPriceMovement,
-        dailyPercentChange: update?.dailyPercentChangeFromOpen,
-        spread: update?.spread,
-        displayPrecision: update?.displayPrecision,
-      });
-      setError(liveRatesError);
-    }
-  }, [update, record, isVisible, liveRatesError]);
-
-  return {
-    updatedRecord,
-    error,
-    ref: entry.ref,
-  };
-};
-
-export { getHeaderConfig, getRecords, useRecords };
+  GetInstrumentsChartQuery,
+  ValidateInstrumentsQuery,
+} from '../gql/types/graphql';
+import type { ValidateInstrumentsData } from './types';
+
+const getRecords = (
+  data: ValidateInstrumentsQuery,
+  chart?: GetInstrumentsChartQuery
+): ValidateInstrumentsData => ({
+  records:
+    data?.mapInstrumentNames?.map((item) => ({
+      instrument: item?.name || '',
+      displayName: item?.displayName || '',
+      chart:
+        chart?.topicalInstrumentsCharts?.find(
+          (ti) => ti.name === item?.displayName
+        )?.chart || [],
+    })) ?? [],
+});
+
+export { getRecords };

package/test/mocks.ts

@@ -29,7 +29,7 @@ const widgetMocks = [
     request: {
       query: getInstrumentsChart,
       variables: {
-        instruments: ['EUR_USD'],
+        instruments: ['EUR/USD', 'GBP/USD'],
         division: 'OC',
       },
     },
@@ -45,21 +45,6 @@ const widgetMocks = [
               1.05556,
             ],
           },
-        ],
-      },
-    },
-  },
-  {
-    request: {
-      query: getInstrumentsChart,
-      variables: {
-        instruments: ['GBP_USD'],
-        division: 'OC',
-      },
-    },
-    result: {
-      data: {
-        topicalInstrumentsCharts: [
           {
             name: 'GBP_USD',
             displayName: 'GBP/USD',

package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js

@@ -1,96 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CardWithData = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _monoI18n = require("@oanda/mono-i18n");
-var _react = _interopRequireDefault(require("react"));
-var _constant = require("../../constant");
-var _types = require("../../types");
-var _utils = require("../../utils");
-var _LineChartWithData = require("../LineChartWithData");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CardWithData = _ref => {
-  let {
-    isLoading,
-    record,
-    target,
-    activeColumns,
-    index,
-    division,
-    isLast
-  } = _ref;
-  const {
-    updatedRecord,
-    error,
-    ref
-  } = (0, _utils.useRecords)(record, record.instrument ? target : null);
-  const {
-    lang
-  } = (0, _monoI18n.useLocale)();
-  const checkLoading = id => isLoading || !error && updatedRecord?.[id] === undefined;
-  return _react.default.createElement(_labsWidgetCommon.Card, {
-    ref: ref,
-    "data-testid": "card",
-    withoutBottomBorder: !isLast
-  }, _react.default.createElement(_labsWidgetCommon.CardHeader, {
-    isLoading: isLoading,
-    number: index,
-    title: _react.default.createElement(_labsWidgetCommon.Truncate, {
-      text: record.displayName,
-      tooltipId: _constant.INSTRUMENT_TOOLTIP_ID
-    })
-  }, activeColumns.includes(_types.ColumnsNames.CHART) && _react.default.createElement(_LineChartWithData.LineChartWithData, {
-    division: division,
-    isLoading: checkLoading('instrument'),
-    padding: 4,
-    record: updatedRecord,
-    size: _labsWidgetCommon.LineChartSize.xs
-  })), activeColumns.map(item => {
-    if (item === _types.ColumnsNames.SELL) {
-      return _react.default.createElement(_labsWidgetCommon.CardRow, {
-        key: _types.ColumnsNames.SELL,
-        isError: !!error,
-        isLoading: checkLoading(_types.ColumnsNames.SELL),
-        label: lang('sell_price')
-      }, _react.default.createElement(_labsWidgetCommon.Price, {
-        arrowPosition: _labsWidgetCommon.ArrowPosition.left,
-        movementIndicator: "arrow",
-        priceMovement: updatedRecord.sellPriceMovement
-      }, _react.default.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
-    }
-    if (item === _types.ColumnsNames.BUY) {
-      return _react.default.createElement(_labsWidgetCommon.CardRow, {
-        key: _types.ColumnsNames.BUY,
-        isError: !!error,
-        isLoading: checkLoading(_types.ColumnsNames.BUY),
-        label: lang('buy_price')
-      }, _react.default.createElement(_labsWidgetCommon.Price, {
-        arrowPosition: _labsWidgetCommon.ArrowPosition.left,
-        movementIndicator: "arrow",
-        priceMovement: updatedRecord.buyPriceMovement
-      }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
-    }
-    if (item === _types.ColumnsNames.DAILY_CHANGE) {
-      return _react.default.createElement(_labsWidgetCommon.CardRow, {
-        key: _types.ColumnsNames.DAILY_CHANGE,
-        isError: !!error,
-        isLoading: checkLoading('dailyPercentChange'),
-        label: lang('daily_percent_change')
-      }, _react.default.createElement("span", null, updatedRecord.dailyPercentChange));
-    }
-    if (item === _types.ColumnsNames.SPREAD) {
-      return _react.default.createElement(_labsWidgetCommon.CardRow, {
-        key: _types.ColumnsNames.SPREAD,
-        isError: !!error,
-        isLoading: checkLoading(_types.ColumnsNames.SPREAD),
-        label: lang('spread')
-      }, _react.default.createElement("span", null, updatedRecord.spread));
-    }
-    return null;
-  }));
-};
-exports.CardWithData = CardWithData;
-//# sourceMappingURL=CardWithData.js.map

package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardWithData.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireDefault","_constant","_types","_utils","_LineChartWithData","e","__esModule","default","CardWithData","_ref","isLoading","record","target","activeColumns","index","division","isLast","updatedRecord","error","ref","useRecords","instrument","lang","useLocale","checkLoading","id","undefined","createElement","Card","withoutBottomBorder","CardHeader","number","title","Truncate","text","displayName","tooltipId","INSTRUMENT_TOOLTIP_ID","includes","ColumnsNames","CHART","LineChartWithData","padding","size","LineChartSize","xs","map","item","SELL","CardRow","key","isError","label","Price","arrowPosition","ArrowPosition","left","movementIndicator","priceMovement","sellPriceMovement","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","SPREAD","spread","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx"],"sourcesContent":["import {\n  ArrowPosition,\n  Card,\n  CardHeader,\n  CardRow,\n  LineChartSize,\n  Price,\n  Truncate,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport type { CardWithDataProps } from '../../types';\nimport { ColumnsNames } from '../../types';\nimport { useRecords } from '../../utils';\nimport { LineChartWithData } from '../LineChartWithData';\n\nconst CardWithData = ({\n  isLoading,\n  record,\n  target,\n  activeColumns,\n  index,\n  division,\n  isLast,\n}: CardWithDataProps) => {\n  const { updatedRecord, error, ref } = useRecords(\n    record,\n    record.instrument ? target : null\n  );\n  const { lang } = useLocale();\n\n  const checkLoading = (id: string) =>\n    isLoading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <Card ref={ref} data-testid=\"card\" withoutBottomBorder={!isLast}>\n      <CardHeader\n        isLoading={isLoading}\n        number={index}\n        title={\n          <Truncate\n            text={record.displayName}\n            tooltipId={INSTRUMENT_TOOLTIP_ID}\n          />\n        }\n      >\n        {activeColumns.includes(ColumnsNames.CHART) && (\n          <LineChartWithData\n            division={division}\n            isLoading={checkLoading('instrument')}\n            padding={4}\n            record={updatedRecord}\n            size={LineChartSize.xs}\n          />\n        )}\n      </CardHeader>\n      {activeColumns.map((item) => {\n        if (item === ColumnsNames.SELL) {\n          return (\n            <CardRow\n              key={ColumnsNames.SELL}\n              isError={!!error}\n              isLoading={checkLoading(ColumnsNames.SELL)}\n              label={lang('sell_price')}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                movementIndicator=\"arrow\"\n                priceMovement={updatedRecord.sellPriceMovement}\n              >\n                <span>\n                  {updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}\n                </span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.BUY) {\n          return (\n            <CardRow\n              key={ColumnsNames.BUY}\n              isError={!!error}\n              isLoading={checkLoading(ColumnsNames.BUY)}\n              label={lang('buy_price')}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                movementIndicator=\"arrow\"\n                priceMovement={updatedRecord.buyPriceMovement}\n              >\n                <span>\n                  {updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}\n                </span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.DAILY_CHANGE) {\n          return (\n            <CardRow\n              key={ColumnsNames.DAILY_CHANGE}\n              isError={!!error}\n              isLoading={checkLoading('dailyPercentChange')}\n              label={lang('daily_percent_change')}\n            >\n              <span>{updatedRecord.dailyPercentChange}</span>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.SPREAD) {\n          return (\n            <CardRow\n              key={ColumnsNames.SPREAD}\n              isError={!!error}\n              isLoading={checkLoading(ColumnsNames.SPREAD)}\n              label={lang('spread')}\n            >\n              <span>{updatedRecord.spread}</span>\n            </CardRow>\n          );\n        }\n        return null;\n      })}\n    </Card>\n  );\n};\n\nexport { CardWithData };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/LiveRatesTableWidget/components/CardWithData/index.js

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

package/dist/main/LiveRatesTableWidget/components/CardWithData/index.js.map

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

package/dist/main/LiveRatesTableWidget/components/Cards/Cards.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Cards = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _react = _interopRequireDefault(require("react"));
-var _CardWithData = require("../CardWithData/CardWithData");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Cards = _ref => {
-  let {
-    records,
-    target,
-    columns,
-    isError,
-    isLoading,
-    division,
-    startIndex = 0
-  } = _ref;
-  return _react.default.createElement(_react.default.Fragment, null, isError ? _react.default.createElement(_labsWidgetCommon.Card, null, _react.default.createElement("div", {
-    className: "lw-flex lw-h-[150px] lw-w-full lw-items-center lw-justify-center"
-  }, _react.default.createElement(_labsWidgetCommon.ChartError, null))) : _react.default.createElement(_react.default.Fragment, null, records.map((record, index) => _react.default.createElement("div", {
-    key: `card_${startIndex + index}`
-  }, _react.default.createElement(_CardWithData.CardWithData, {
-    activeColumns: columns,
-    division: division,
-    index: startIndex + index + 1,
-    isError: isError,
-    isLast: index + 1 === records.length,
-    isLoading: isLoading,
-    record: record,
-    target: target
-  })))));
-};
-exports.Cards = Cards;
-//# sourceMappingURL=Cards.js.map

package/dist/main/LiveRatesTableWidget/components/Cards/Cards.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cards.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_CardWithData","e","__esModule","default","Cards","_ref","records","target","columns","isError","isLoading","division","startIndex","createElement","Fragment","Card","className","ChartError","map","record","index","key","CardWithData","activeColumns","isLast","length","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/Cards/Cards.tsx"],"sourcesContent":["import { Card, ChartError } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { CardWithData } from '../CardWithData/CardWithData';\nimport type { CardsProps } from './types';\n\nconst Cards = ({\n  records,\n  target,\n  columns,\n  isError,\n  isLoading,\n  division,\n  startIndex = 0,\n}: CardsProps) => (\n  <>\n    {isError ? (\n      <Card>\n        <div className=\"lw-flex lw-h-[150px] lw-w-full lw-items-center lw-justify-center\">\n          <ChartError />\n        </div>\n      </Card>\n    ) : (\n      <>\n        {records.map((record, index) => (\n          <div key={`card_${startIndex + index}`}>\n            <CardWithData\n              activeColumns={columns}\n              division={division}\n              index={startIndex + index + 1}\n              isError={isError}\n              isLast={index + 1 === records.length}\n              isLoading={isLoading}\n              record={record}\n              target={target}\n            />\n          </div>\n        ))}\n      </>\n    )}\n  </>\n);\n\nexport { Cards };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAA4D,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG5D,MAAMG,KAAK,GAAGC,IAAA;EAAA,IAAC;IACbC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,UAAU,GAAG;EACH,CAAC,GAAAP,IAAA;EAAA,OACXP,MAAA,CAAAK,OAAA,CAAAU,aAAA,CAAAf,MAAA,CAAAK,OAAA,CAAAW,QAAA,QACGL,OAAO,GACNX,MAAA,CAAAK,OAAA,CAAAU,aAAA,CAACjB,iBAAA,CAAAmB,IAAI,QACHjB,MAAA,CAAAK,OAAA,CAAAU,aAAA;IAAKG,SAAS,EAAC;EAAkE,GAC/ElB,MAAA,CAAAK,OAAA,CAAAU,aAAA,CAACjB,iBAAA,CAAAqB,UAAU,MAAE,CACV,CACD,CAAC,GAEPnB,MAAA,CAAAK,OAAA,CAAAU,aAAA,CAAAf,MAAA,CAAAK,OAAA,CAAAW,QAAA,QACGR,OAAO,CAACY,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACzBtB,MAAA,CAAAK,OAAA,CAAAU,aAAA;IAAKQ,GAAG,EAAE,QAAQT,UAAU,GAAGQ,KAAK;EAAG,GACrCtB,MAAA,CAAAK,OAAA,CAAAU,aAAA,CAACb,aAAA,CAAAsB,YAAY;IACXC,aAAa,EAAEf,OAAQ;IACvBG,QAAQ,EAAEA,QAAS;IACnBS,KAAK,EAAER,UAAU,GAAGQ,KAAK,GAAG,CAAE;IAC9BX,OAAO,EAAEA,OAAQ;IACjBe,MAAM,EAAEJ,KAAK,GAAG,CAAC,KAAKd,OAAO,CAACmB,MAAO;IACrCf,SAAS,EAAEA,SAAU;IACrBS,MAAM,EAAEA,MAAO;IACfZ,MAAM,EAAEA;EAAO,CAChB,CACE,CACN,CACD,CAEJ,CAAC;AAAA,CACJ;AAACmB,OAAA,CAAAtB,KAAA,GAAAA,KAAA","ignoreList":[]}

package/dist/main/LiveRatesTableWidget/components/Cards/index.js

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

package/dist/main/LiveRatesTableWidget/components/Cards/index.js.map

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

package/dist/main/LiveRatesTableWidget/components/Cards/types.js

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

package/dist/main/LiveRatesTableWidget/components/Cards/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/LiveRatesTableWidget/components/Cards/types.tsx"],"sourcesContent":["import type { Division } from '../../../gql/types/graphql';\nimport type { ColumnsNames, DataRecord } from '../../types';\n\nexport interface CardsProps {\n  startIndex?: number;\n  emptyCardsCount?: number;\n  isLoading?: boolean;\n  isError?: boolean;\n  records: DataRecord[];\n  target: EventTarget | null;\n  columns: ColumnsNames[];\n  division: Division;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/main/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LineChartWithData = void 0;
-var _client = require("@apollo/client");
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _react = _interopRequireDefault(require("react"));
-var _getInstrumentsChart = require("../../../gql/getInstrumentsChart");
-var _utils = require("./utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LineChartWithData = _ref => {
-  let {
-    padding,
-    record,
-    size,
-    isLoading,
-    division,
-    isDarkMode = false
-  } = _ref;
-  const {
-    loading,
-    data
-  } = (0, _client.useQuery)(_getInstrumentsChart.getInstrumentsChart, {
-    variables: {
-      instruments: [record.instrument],
-      division
-    },
-    fetchPolicy: 'network-only',
-    skip: !record.instrument
-  });
-  const showLoader = isLoading || loading;
-  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];
-  const chartColor = (0, _utils.getChartColor)(record.dailyPercentChange, isDarkMode);
-  return _react.default.createElement(_react.default.Fragment, null, showLoader && _react.default.createElement(_labsWidgetCommon.Loader, {
-    size: _labsWidgetCommon.LoaderSize.md
-  }), !showLoader && _react.default.createElement(_labsWidgetCommon.LineChart, {
-    color: chartColor,
-    data: chart,
-    padding: padding,
-    size: size
-  }));
-};
-exports.LineChartWithData = LineChartWithData;
-//# sourceMappingURL=LineChartWithData.js.map

package/dist/main/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineChartWithData.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_getInstrumentsChart","_utils","e","__esModule","default","LineChartWithData","_ref","padding","record","size","isLoading","division","isDarkMode","loading","data","useQuery","getInstrumentsChart","variables","instruments","instrument","fetchPolicy","skip","showLoader","chart","topicalInstrumentsCharts","chartColor","getChartColor","dailyPercentChange","createElement","Fragment","Loader","LoaderSize","md","LineChart","color","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { LineChart, Loader, LoaderSize } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport type {\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables,\n} from '../../../gql/types/graphql';\nimport type { LineChartWithDataProps } from './types';\nimport { getChartColor } from './utils';\n\nconst LineChartWithData = ({\n  padding,\n  record,\n  size,\n  isLoading,\n  division,\n  isDarkMode = false,\n}: LineChartWithDataProps) => {\n  const { loading, data } = useQuery<\n    GetInstrumentsChartQuery,\n    GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !record.instrument,\n  });\n\n  const showLoader = isLoading || loading;\n  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];\n\n  const chartColor = getChartColor(record.dailyPercentChange, isDarkMode);\n\n  return (\n    <>\n      {showLoader && <Loader size={LoaderSize.md} />}\n      {!showLoader && (\n        <LineChart\n          color={chartColor}\n          data={chart}\n          padding={padding}\n          size={size}\n        />\n      )}\n    </>\n  );\n};\n\nexport { LineChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAL,OAAA;AAAwC,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,iBAAiB,GAAGC,IAAA,IAOI;EAAA,IAPH;IACzBC,OAAO;IACPC,MAAM;IACNC,IAAI;IACJC,SAAS;IACTC,QAAQ;IACRC,UAAU,GAAG;EACS,CAAC,GAAAN,IAAA;EACvB,MAAM;IAAEO,OAAO;IAAEC;EAAK,CAAC,GAAG,IAAAC,gBAAQ,EAGhCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACV,MAAM,CAACW,UAAU,CAAC;MAChCR;IACF,CAAC;IACDS,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACb,MAAM,CAACW;EAChB,CAAC,CAAC;EAEF,MAAMG,UAAU,GAAGZ,SAAS,IAAIG,OAAO;EACvC,MAAMU,KAAK,GAAGT,IAAI,EAAEU,wBAAwB,GAAG,CAAC,CAAC,CAACD,KAAK,IAAI,EAAE;EAE7D,MAAME,UAAU,GAAG,IAAAC,oBAAa,EAAClB,MAAM,CAACmB,kBAAkB,EAAEf,UAAU,CAAC;EAEvE,OACEd,MAAA,CAAAM,OAAA,CAAAwB,aAAA,CAAA9B,MAAA,CAAAM,OAAA,CAAAyB,QAAA,QACGP,UAAU,IAAIxB,MAAA,CAAAM,OAAA,CAAAwB,aAAA,CAAC/B,iBAAA,CAAAiC,MAAM;IAACrB,IAAI,EAAEsB,4BAAU,CAACC;EAAG,CAAE,CAAC,EAC7C,CAACV,UAAU,IACVxB,MAAA,CAAAM,OAAA,CAAAwB,aAAA,CAAC/B,iBAAA,CAAAoC,SAAS;IACRC,KAAK,EAAET,UAAW;IAClBX,IAAI,EAAES,KAAM;IACZhB,OAAO,EAAEA,OAAQ;IACjBE,IAAI,EAAEA;EAAK,CACZ,CAEH,CAAC;AAEP,CAAC;AAAC0B,OAAA,CAAA9B,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/main/LiveRatesTableWidget/components/LineChartWithData/index.js

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

package/dist/main/LiveRatesTableWidget/components/LineChartWithData/index.js.map

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

package/dist/main/LiveRatesTableWidget/components/LineChartWithData/types.js

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

package/dist/main/LiveRatesTableWidget/components/LineChartWithData/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/types.tsx"],"sourcesContent":["import type { LineChartSize } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../../../gql/types/graphql';\nimport type { DataRecord } from '../../types';\n\nexport interface LineChartWithDataProps {\n  padding?: number;\n  record: DataRecord;\n  size?: LineChartSize;\n  isLoading: boolean;\n  division: Division;\n  isDarkMode?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/main/LiveRatesTableWidget/components/LineChartWithData/utils.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getChartColor = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-const getChartColor = (dailyChange, isDarkMode) => {
-  const theme = isDarkMode ? _labsWidgetCommon.Theme.Dark : _labsWidgetCommon.Theme.Light;
-  switch (dailyChange?.charAt(0)) {
-    case '+':
-      return _labsWidgetCommon.themeColors.ok[theme];
-    case '-':
-      return _labsWidgetCommon.themeColors.danger[theme];
-    default:
-      return _labsWidgetCommon.themeColors.borderDisabled[theme];
-  }
-};
-exports.getChartColor = getChartColor;
-//# sourceMappingURL=utils.js.map

package/dist/main/LiveRatesTableWidget/components/LineChartWithData/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["_labsWidgetCommon","require","getChartColor","dailyChange","isDarkMode","theme","Theme","Dark","Light","charAt","themeColors","ok","danger","borderDisabled","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/utils.ts"],"sourcesContent":["import { Theme, themeColors } from '@oanda/labs-widget-common';\n\nexport const getChartColor = (dailyChange?: string, isDarkMode?: boolean) => {\n  const theme = isDarkMode ? Theme.Dark : Theme.Light;\n\n  switch (dailyChange?.charAt(0)) {\n    case '+':\n      return themeColors.ok[theme];\n    case '-':\n      return themeColors.danger[theme];\n    default:\n      return themeColors.borderDisabled[theme];\n  }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GAAGA,CAACC,WAAoB,EAAEC,UAAoB,KAAK;EAC3E,MAAMC,KAAK,GAAGD,UAAU,GAAGE,uBAAK,CAACC,IAAI,GAAGD,uBAAK,CAACE,KAAK;EAEnD,QAAQL,WAAW,EAAEM,MAAM,CAAC,CAAC,CAAC;IAC5B,KAAK,GAAG;MACN,OAAOC,6BAAW,CAACC,EAAE,CAACN,KAAK,CAAC;IAC9B,KAAK,GAAG;MACN,OAAOK,6BAAW,CAACE,MAAM,CAACP,KAAK,CAAC;IAClC;MACE,OAAOK,6BAAW,CAACG,cAAc,CAACR,KAAK,CAAC;EAC5C;AACF,CAAC;AAACS,OAAA,CAAAZ,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/LiveRatesTableWidget/components/RowWithData/RowWithData.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RowWithData = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
-var _constant = require("../../constant");
-var _types = require("../../types");
-var _utils = require("../../utils");
-var _LineChartWithData = require("../LineChartWithData");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RowWithData = _ref => {
-  let {
-    loading,
-    record,
-    hasBackgroundColor,
-    target,
-    activeColumns,
-    division,
-    isScrolled
-  } = _ref;
-  const {
-    isDark
-  } = (0, _labsWidgetCommon.useLayoutProvider)();
-  const {
-    updatedRecord,
-    error,
-    ref
-  } = (0, _utils.useRecords)(record, record.instrument ? target : null);
-  const checkLoading = id => loading || !error && updatedRecord?.[id] === undefined;
-  return _react.default.createElement(_labsWidgetCommon.TableRow, {
-    ref: ref,
-    hasBackgroundColor: hasBackgroundColor,
-    isScrolled: isScrolled
-  }, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_labsWidgetCommon.TableCell, {
-    key: _types.ColumnsNames.INSTRUMENT,
-    classNames: (0, _classnames.default)('lw-font-bold', {
-      '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary': isDark && isScrolled
-    }),
-    isLoading: checkLoading(_types.ColumnsNames.INSTRUMENT),
-    type: "text"
-  }, _react.default.createElement(_labsWidgetCommon.Truncate, {
-    maxWidth: 130,
-    text: record.displayName,
-    tooltipId: _constant.INSTRUMENT_TOOLTIP_ID
-  })), activeColumns.map(item => {
-    if (item === _types.ColumnsNames.SELL) {
-      return _react.default.createElement(_labsWidgetCommon.TableCell, {
-        key: _types.ColumnsNames.SELL,
-        additionalPaddingRight: true,
-        isError: !!error,
-        isLoading: checkLoading(_types.ColumnsNames.SELL)
-      }, _react.default.createElement(_labsWidgetCommon.Price, {
-        movementIndicator: "arrow",
-        priceMovement: updatedRecord.sellPriceMovement
-      }, _react.default.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
-    }
-    if (item === _types.ColumnsNames.BUY) {
-      return _react.default.createElement(_labsWidgetCommon.TableCell, {
-        key: _types.ColumnsNames.BUY,
-        additionalPaddingRight: true,
-        isError: !!error,
-        isLoading: checkLoading(_types.ColumnsNames.BUY)
-      }, _react.default.createElement(_labsWidgetCommon.Price, {
-        movementIndicator: "arrow",
-        priceMovement: updatedRecord.buyPriceMovement
-      }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
-    }
-    if (item === _types.ColumnsNames.DAILY_CHANGE) {
-      return _react.default.createElement(_labsWidgetCommon.TableCell, {
-        key: _types.ColumnsNames.DAILY_CHANGE,
-        isError: !!error,
-        isLoading: checkLoading('dailyPercentChange')
-      }, _react.default.createElement("span", null, updatedRecord.dailyPercentChange));
-    }
-    if (item === _types.ColumnsNames.CHART) {
-      return _react.default.createElement("td", {
-        key: _types.ColumnsNames.CHART,
-        className: "lw-relative lw-px-3 lw-py-0 lw-text-right",
-        "data-testid": "chart-table-cell"
-      }, _react.default.createElement("div", {
-        className: "lw-flex lw-justify-center"
-      }, _react.default.createElement(_LineChartWithData.LineChartWithData, {
-        division: division,
-        isLoading: checkLoading('instrument'),
-        record: updatedRecord
-      })));
-    }
-    if (item === _types.ColumnsNames.SPREAD) {
-      return _react.default.createElement(_labsWidgetCommon.TableCell, {
-        key: _types.ColumnsNames.SPREAD,
-        isError: !!error,
-        isLoading: checkLoading(_types.ColumnsNames.SPREAD),
-        loaderSize: _labsWidgetCommon.LoaderSize.sm
-      }, _react.default.createElement("span", null, updatedRecord.spread));
-    }
-    return null;
-  })));
-};
-exports.RowWithData = RowWithData;
-//# sourceMappingURL=RowWithData.js.map