@oanda/labs-instrument-live-rate-widget 1.0.1 → 1.0.2

package/dist/types/InstrumentLiveRateWidget/utils.d.ts

@@ -1,11 +1,10 @@
-import { LiveRatesErrorMessage } from '@oanda/labs-widget-common';
-import { DataRecord, EmptyRecord } from './types';
+import { DataRecord, LiveRatesErrorMessage } from '@oanda/labs-widget-common';
 import { ValidateInstrumentsQuery } from '../gql/types/graphql';
 declare const getRecords: (data: ValidateInstrumentsQuery) => {
     instrument: string;
     displayName: string;
 }[] | undefined;
-declare const useRecords: (record: DataRecord | EmptyRecord, target: EventTarget | null) => {
+declare const useRecords: (record: DataRecord, target: EventTarget | null) => {
     updatedRecord: DataRecord;
     error: LiveRatesErrorMessage | null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-instrument-live-rate-widget",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Labs Instrument Live Rate Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.9.9",
-    "@oanda/labs-widget-common": "^1.0.140",
+    "@oanda/labs-widget-common": "^1.0.141",
     "@oanda/mono-i18n": "10.0.1",
     "graphql": "16.8.1"
   },
@@ -21,5 +21,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "82f18c5ff5a9f78a045bb1be3e07f638aac918ed"
+  "gitHead": "81a989ea35437f47bfa243c224223a475755d544"
 }

package/src/InstrumentLiveRateWidget/Main.tsx

@@ -2,22 +2,23 @@ import React, { useEffect, useState, useContext } from 'react';
 import { useQuery } from '@apollo/client';
 import {
   ChartError,
+  DataRecord,
   Size,
   ThemeContext,
   Tooltip,
   useLiveRatesQuery,
 } from '@oanda/labs-widget-common';
 import { getRecords } from './utils';
-import { DataRecord, MainProps } from './types';
+import { MainProps } from './types';
 import { INSTRUMENT_TOOLTIP_ID } from './constant';
 import { validateInstruments } from '../gql/validateInstruments';
 import { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';
-import { InstrumentRateWithData } from './components/InstrumentRateWithData';
+import { InstrumentRateWithChart } from './components/InstrumentRateWithChart';
 
 const Main = ({
   instrument,
   division,
-  size: widgetSize,
+  size: widgetSize = 'fullWithChart',
 }: MainProps) => {
   const { size } = useContext(ThemeContext);
   const isDesktop = size === Size.DESKTOP;
@@ -58,9 +59,9 @@ const Main = ({
       {records.length > 0 && (
         <div
           data-testid="instrument-live-rate-wrapper"
-          className="lw-relative lw-border lw-border-solid lw-border-border-primary lw-text-sm lw-tracking-normal lw-text-text-primary"
+          className="lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary"
         >
-          <InstrumentRateWithData
+          <InstrumentRateWithChart
             loading={loading}
             record={records[0]}
             target={target}

package/src/InstrumentLiveRateWidget/components/InstrumentRateWithChart/InstrumentRateWithChart.tsx

@@ -0,0 +1,43 @@
+import React, { useContext } from 'react';
+import { InstrumentRate, ThemeContext } from '@oanda/labs-widget-common';
+import { InstrumentRateWithChartProps } from './types';
+import { getChartColor, getColorIndicator } from './utils';
+import { INSTRUMENT_TOOLTIP_ID } from '../../constant';
+import { LineChartWithData } from '../LineChartWithData';
+import { useRecords } from '../../utils';
+
+const InstrumentRateWithChart = ({
+  loading,
+  record,
+  target,
+  division,
+  size,
+}: InstrumentRateWithChartProps) => {
+  const { isDark } = useContext(ThemeContext);
+  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);
+
+  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);
+
+  return (
+    <>
+      <InstrumentRate
+        isLoading={loading}
+        isError={!!error}
+        record={updatedRecord}
+        size={size}
+        tooltipId={INSTRUMENT_TOOLTIP_ID}
+        colorIndicator={indicator}
+      />
+      {size === 'fullWithChart' && (
+        <LineChartWithData
+          record={record}
+          isLoading={loading}
+          division={division}
+          color={getChartColor(indicator, isDark)}
+        />
+      )}
+    </>
+  );
+};
+
+export { InstrumentRateWithChart };

package/src/InstrumentLiveRateWidget/components/InstrumentRateWithChart/index.ts

@@ -0,0 +1,2 @@
+export * from './InstrumentRateWithChart';
+export * from './utils';

package/src/InstrumentLiveRateWidget/components/InstrumentRateWithChart/types.ts

@@ -0,0 +1,10 @@
+import { DataRecord } from '@oanda/labs-widget-common';
+import { Division } from '../../types';
+
+export interface InstrumentRateWithChartProps {
+  loading: boolean;
+  record: DataRecord;
+  target: EventTarget | null;
+  division: Division;
+  size?: 'compact' | 'full' | 'fullWithChart'
+}

package/src/InstrumentLiveRateWidget/components/LineChartWithData/LineChartWithData.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import { useQuery } from '@apollo/client';
-import {
-  LineChart, Loader, LoaderSize,
-} from '@oanda/labs-widget-common';
+import { LineChart } from '@oanda/labs-widget-common';
 import { LineChartWithDataProps } from './types';
 import { getInstrumentsChart } from '../../../gql/getInstrumentsChart';
 import { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../../../gql/types/graphql';
@@ -27,21 +25,22 @@ const LineChartWithData = ({
     skip: !record.instrument,
   });
 
-  const showLoader = isLoading || loading;
+  const showChart = isLoading || loading;
   const chart = data?.topicalInstrumentsCharts?.[0].chart || [];
 
   return (
-    <>
-      {showLoader && <Loader size={LoaderSize.md} />}
-      {!showLoader && (
-        <LineChart
-          padding={padding}
-          size={size}
-          color={color}
-          data={chart}
-        />
-      )}
-    </>
+    <div className="lw-relative">
+      {!showChart ? (
+        <div className="lw-absolute lw-bottom-0 lw-right-0">
+          <LineChart
+            padding={padding}
+            size={size}
+            color={color}
+            data={chart}
+          />
+        </div>
+      ) : null}
+    </div>
   );
 };
 

package/src/InstrumentLiveRateWidget/components/LineChartWithData/types.tsx

@@ -1,5 +1,4 @@
-import { LineChartSize } from '@oanda/labs-widget-common';
-import { DataRecord } from '../../types';
+import { DataRecord, LineChartSize } from '@oanda/labs-widget-common';
 import { Division } from '../../../gql/types/graphql';
 
 export interface LineChartWithDataProps {

package/src/InstrumentLiveRateWidget/components/index.ts

@@ -1 +1,2 @@
+export * from './InstrumentRateWithChart';
 export * from './LineChartWithData';

package/src/InstrumentLiveRateWidget/types.tsx

@@ -22,29 +22,3 @@ export interface MainProps {
   division: Division;
   size?: 'compact' | 'full' | 'fullWithChart'
 }
-
-export interface Sentiment {
-  shortPercent: number;
-  longPercent: number;
-}
-
-export type EmptyRecord = Record<any, never>;
-
-export interface DataRecord {
-  [key: string]: string | number | undefined;
-  instrument: string;
-  displayName: string;
-  buy?: number;
-  buyPriceMovement?: number;
-  dailyPercentChange?: string;
-  dailyPipsChange?: number;
-  displayPrecision?: number;
-}
-
-export interface InstrumentRateWithDataProps {
-  loading: boolean;
-  record: DataRecord;
-  target: EventTarget | null;
-  division: Division;
-  size?: 'compact' | 'full' | 'fullWithChart'
-}

package/src/InstrumentLiveRateWidget/utils.ts

@@ -1,6 +1,5 @@
 import { useState, useEffect } from 'react';
-import { LiveRatesErrorMessage, useLiveRatesMessage } from '@oanda/labs-widget-common';
-import { DataRecord, EmptyRecord } from './types';
+import { DataRecord, LiveRatesErrorMessage, useLiveRatesMessage } from '@oanda/labs-widget-common';
 import { ValidateInstrumentsQuery } from '../gql/types/graphql';
 
 const getRecords = (data: ValidateInstrumentsQuery) => data?.mapInstrumentNames?.map((item) => ({
@@ -9,7 +8,7 @@ const getRecords = (data: ValidateInstrumentsQuery) => data?.mapInstrumentNames?
 }));
 
 const useRecords = (
-  record: DataRecord | EmptyRecord,
+  record: DataRecord,
   target: EventTarget | null,
 ) => {
   const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({

package/test/components/{InstrumentRateWithData.test.tsx → InstrumentRateWithChart.test.tsx}

@@ -4,7 +4,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
-import { InstrumentRateWithData } from '../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData';
+import { InstrumentRateWithChart } from '../../src/InstrumentLiveRateWidget/components';
 import { getInstrumentsChart } from '../../src/gql/getInstrumentsChart';
 import { Division } from '../../src/gql/types/graphql';
 
@@ -35,7 +35,7 @@ const chartPointsMocks = [
   },
 ];
 
-describe('InstrumentRateWithData component', () => {
+describe('InstrumentRateWithChart component', () => {
   const record = {
     instrument: 'EUR_USD',
     displayName: 'EUR_USD',
@@ -44,19 +44,19 @@ describe('InstrumentRateWithData component', () => {
     dailyPipsChange: 123,
   };
 
-  it('should render table row', async () => {
-    const { getAllByTestId, findByTestId } = render(
+  it('should render compact instrument rate', async () => {
+    const { getAllByTestId } = render(
       <MockedProvider mocks={chartPointsMocks}>
-        <InstrumentRateWithData
+        <InstrumentRateWithChart
           loading={false}
           division={Division.Oc}
           record={record}
           target={null}
+          size="compact"
         />
       </MockedProvider>,
     );
 
-    expect(await findByTestId('line-chart')).toBeInTheDocument();
-    expect(getAllByTestId('label-wrapper').length).toEqual(4);
+    expect(getAllByTestId('label-wrapper').length).toEqual(2);
   });
 });

package/test/components/utils.test.ts

@@ -1,4 +1,4 @@
-import { getColorIndicator } from '../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData';
+import { getColorIndicator } from '../../src/InstrumentLiveRateWidget/components/InstrumentRateWithChart';
 
 describe('getColorIndicator', () => {
   it('should return value greater than 0', () => {

package/dist/main/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InstrumentRateWithData = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _LineChartWithData = require("../LineChartWithData");
-var _utils = require("../../utils");
-var _constant = require("../../constant");
-var _utils2 = require("./utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const InstrumentRateWithData = _ref => {
-  let {
-    loading,
-    record,
-    target,
-    division,
-    size = 'fullWithChart'
-  } = _ref;
-  const {
-    isDark
-  } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
-  const {
-    updatedRecord,
-    error
-  } = (0, _utils.useRecords)(record, record.instrument ? target : null);
-  const checkLoading = id => loading || !error && updatedRecord?.[id] === undefined;
-  const indicator = (0, _utils2.getColorIndicator)(updatedRecord.dailyPercentChange);
-  return _react.default.createElement("div", {
-    className: "lw-flex lw-flex-col lw-px-4 lw-pb-1 lw-pt-2"
-  }, _react.default.createElement("div", {
-    className: "lw-flex lw-items-center lw-gap-x-2"
-  }, _react.default.createElement(_labsWidgetCommon.LabelWrapper, {
-    isLoading: checkLoading('instrument'),
-    isError: !!error
-  }, _react.default.createElement("span", {
-    className: "lw-text-xl lw-font-bold"
-  }, _react.default.createElement(_labsWidgetCommon.Truncate, {
-    maxWidth: 130,
-    text: record.displayName,
-    tooltipId: _constant.INSTRUMENT_TOOLTIP_ID
-  }))), _react.default.createElement(_labsWidgetCommon.LabelWrapper, {
-    isLoading: checkLoading('buy'),
-    isError: !!error
-  }, _react.default.createElement("div", {
-    className: "lw-text-xl lw-font-bold"
-  }, _react.default.createElement(_labsWidgetCommon.Price, {
-    priceMovement: updatedRecord.buyPriceMovement,
-    withoutArrow: true
-  }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)))))), size !== 'compact' && _react.default.createElement("div", {
-    className: "lw-mt-1 lw-flex lw-items-center lw-gap-x-2"
-  }, _react.default.createElement(_labsWidgetCommon.LabelWrapper, {
-    isLoading: checkLoading('dailyPercentChange'),
-    isError: !!error
-  }, _react.default.createElement("span", {
-    className: (0, _classnames.default)('lw-font-bold', {
-      'lw-text-text-ok': indicator > 0,
-      'lw-text-text-danger': indicator < 0,
-      'lw-text-text-disabled': indicator === 0
-    })
-  }, updatedRecord.dailyPercentChange)), _react.default.createElement(_labsWidgetCommon.LabelWrapper, {
-    isLoading: checkLoading('dailyPipsChange'),
-    isError: !!error
-  }, _react.default.createElement("span", {
-    className: (0, _classnames.default)('lw-font-bold', {
-      'lw-text-text-ok': indicator > 0,
-      'lw-text-text-danger': indicator < 0,
-      'lw-text-text-disabled': indicator === 0
-    })
-  }, `(${updatedRecord.dailyPipsChange})`)), size === 'fullWithChart' && _react.default.createElement(_LineChartWithData.LineChartWithData, {
-    record: updatedRecord,
-    isLoading: checkLoading('instrument'),
-    division: division,
-    color: (0, _utils2.getChartColor)(indicator, isDark)
-  })));
-};
-exports.InstrumentRateWithData = InstrumentRateWithData;
-//# sourceMappingURL=InstrumentRateWithData.js.map

package/dist/main/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InstrumentRateWithData.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_classnames","_interopRequireDefault","_LineChartWithData","_utils","_constant","_utils2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InstrumentRateWithData","_ref","loading","record","target","division","size","isDark","useContext","ThemeContext","updatedRecord","error","useRecords","instrument","checkLoading","id","undefined","indicator","getColorIndicator","dailyPercentChange","createElement","className","LabelWrapper","isLoading","isError","Truncate","maxWidth","text","displayName","tooltipId","INSTRUMENT_TOOLTIP_ID","Price","priceMovement","buyPriceMovement","withoutArrow","buy","toFixed","displayPrecision","classNames","dailyPipsChange","LineChartWithData","color","getChartColor","exports"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  LabelWrapper, Price, ThemeContext, Truncate,\n} from '@oanda/labs-widget-common';\nimport classNames from 'classnames';\nimport { InstrumentRateWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport { getChartColor, getColorIndicator } from './utils';\n\nconst InstrumentRateWithData = ({\n  loading,\n  record,\n  target,\n  division,\n  size = 'fullWithChart',\n}: InstrumentRateWithDataProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);\n\n  return (\n    <div className=\"lw-flex lw-flex-col lw-px-4 lw-pb-1 lw-pt-2\">\n      <div className=\"lw-flex lw-items-center lw-gap-x-2\">\n        <LabelWrapper\n          isLoading={checkLoading('instrument')}\n          isError={!!error}\n        >\n          <span className=\"lw-text-xl lw-font-bold\">\n            <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />\n          </span>\n        </LabelWrapper>\n        <LabelWrapper\n          isLoading={checkLoading('buy')}\n          isError={!!error}\n        >\n          <div className=\"lw-text-xl lw-font-bold\">\n            <Price priceMovement={updatedRecord.buyPriceMovement} withoutArrow>\n              <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n            </Price>\n          </div>\n        </LabelWrapper>\n      </div>\n      {size !== 'compact'\n        && (\n        <div className=\"lw-mt-1 lw-flex lw-items-center lw-gap-x-2\">\n          <LabelWrapper\n            isLoading={checkLoading('dailyPercentChange')}\n            isError={!!error}\n          >\n            <span className={classNames('lw-font-bold', {\n              'lw-text-text-ok': indicator > 0,\n              'lw-text-text-danger': indicator < 0,\n              'lw-text-text-disabled': indicator === 0,\n            })}\n            >\n              {updatedRecord.dailyPercentChange}\n            </span>\n\n          </LabelWrapper>\n          <LabelWrapper\n            isLoading={checkLoading('dailyPipsChange')}\n            isError={!!error}\n          >\n            <span className={classNames('lw-font-bold', {\n              'lw-text-text-ok': indicator > 0,\n              'lw-text-text-danger': indicator < 0,\n              'lw-text-text-disabled': indicator === 0,\n            })}\n            >\n              {`(${updatedRecord.dailyPipsChange})`}\n            </span>\n          </LabelWrapper>\n          {size === 'fullWithChart' && (\n          <LineChartWithData\n            record={updatedRecord}\n            isLoading={checkLoading('instrument')}\n            division={division}\n            color={getChartColor(indicator, isDark)}\n          />\n          )}\n        </div>\n        )}\n    </div>\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_InstrumentRateWithData","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_utils"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.ts"],"sourcesContent":["export * from './InstrumentRateWithData';\nexport * from './utils';\n"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/main/InstrumentLiveRateWidget/components/InstrumentRateWithData/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["_labsWidgetCommon","require","getColorIndicator","dailyChange","numberValue","Number","substring","length","Math","sign","exports","getChartColor","indicator","isDarkMode","theme","darkTheme","lightTheme","textOk","textDanger","textDisabled"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/utils.ts"],"sourcesContent":["import { lightTheme, darkTheme } from '@oanda/labs-widget-common';\n\nconst getColorIndicator = (dailyChange?: string) => {\n  const numberValue = Number(dailyChange?.substring(0, dailyChange.length - 1));\n\n  return Math.sign(numberValue);\n};\n\nconst getChartColor = (indicator?: number, isDarkMode?: boolean) => {\n  const theme = isDarkMode ? darkTheme : lightTheme;\n\n  switch (indicator) {\n    case 1:\n      return theme.textOk;\n    case -1:\n      return theme.textDanger;\n    default:\n      return theme.textDisabled;\n  }\n};\n\nexport {\n  getColorIndicator,\n  getChartColor,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,MAAMC,iBAAiB,GAAIC,WAAoB,IAAK;EAClD,MAAMC,WAAW,GAAGC,MAAM,CAACF,WAAW,EAAEG,SAAS,CAAC,CAAC,EAAEH,WAAW,CAACI,MAAM,GAAG,CAAC,CAAC,CAAC;EAE7E,OAAOC,IAAI,CAACC,IAAI,CAACL,WAAW,CAAC;AAC/B,CAAC;AAACM,OAAA,CAAAR,iBAAA,GAAAA,iBAAA;AAEF,MAAMS,aAAa,GAAGA,CAACC,SAAkB,EAAEC,UAAoB,KAAK;EAClE,MAAMC,KAAK,GAAGD,UAAU,GAAGE,2BAAS,GAAGC,4BAAU;EAEjD,QAAQJ,SAAS;IACf,KAAK,CAAC;MACJ,OAAOE,KAAK,CAACG,MAAM;IACrB,KAAK,CAAC,CAAC;MACL,OAAOH,KAAK,CAACI,UAAU;IACzB;MACE,OAAOJ,KAAK,CAACK,YAAY;EAC7B;AACF,CAAC;AAACT,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.js

@@ -1,74 +0,0 @@
-import React, { useContext } from 'react';
-import { LabelWrapper, Price, ThemeContext, Truncate } from '@oanda/labs-widget-common';
-import classNames from 'classnames';
-import { LineChartWithData } from '../LineChartWithData';
-import { useRecords } from '../../utils';
-import { INSTRUMENT_TOOLTIP_ID } from '../../constant';
-import { getChartColor, getColorIndicator } from './utils';
-const InstrumentRateWithData = _ref => {
-  let {
-    loading,
-    record,
-    target,
-    division,
-    size = 'fullWithChart'
-  } = _ref;
-  const {
-    isDark
-  } = useContext(ThemeContext);
-  const {
-    updatedRecord,
-    error
-  } = useRecords(record, record.instrument ? target : null);
-  const checkLoading = id => loading || !error && updatedRecord?.[id] === undefined;
-  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);
-  return React.createElement("div", {
-    className: "lw-flex lw-flex-col lw-px-4 lw-pb-1 lw-pt-2"
-  }, React.createElement("div", {
-    className: "lw-flex lw-items-center lw-gap-x-2"
-  }, React.createElement(LabelWrapper, {
-    isLoading: checkLoading('instrument'),
-    isError: !!error
-  }, React.createElement("span", {
-    className: "lw-text-xl lw-font-bold"
-  }, React.createElement(Truncate, {
-    maxWidth: 130,
-    text: record.displayName,
-    tooltipId: INSTRUMENT_TOOLTIP_ID
-  }))), React.createElement(LabelWrapper, {
-    isLoading: checkLoading('buy'),
-    isError: !!error
-  }, React.createElement("div", {
-    className: "lw-text-xl lw-font-bold"
-  }, React.createElement(Price, {
-    priceMovement: updatedRecord.buyPriceMovement,
-    withoutArrow: true
-  }, React.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)))))), size !== 'compact' && React.createElement("div", {
-    className: "lw-mt-1 lw-flex lw-items-center lw-gap-x-2"
-  }, React.createElement(LabelWrapper, {
-    isLoading: checkLoading('dailyPercentChange'),
-    isError: !!error
-  }, React.createElement("span", {
-    className: classNames('lw-font-bold', {
-      'lw-text-text-ok': indicator > 0,
-      'lw-text-text-danger': indicator < 0,
-      'lw-text-text-disabled': indicator === 0
-    })
-  }, updatedRecord.dailyPercentChange)), React.createElement(LabelWrapper, {
-    isLoading: checkLoading('dailyPipsChange'),
-    isError: !!error
-  }, React.createElement("span", {
-    className: classNames('lw-font-bold', {
-      'lw-text-text-ok': indicator > 0,
-      'lw-text-text-danger': indicator < 0,
-      'lw-text-text-disabled': indicator === 0
-    })
-  }, `(${updatedRecord.dailyPipsChange})`)), size === 'fullWithChart' && React.createElement(LineChartWithData, {
-    record: updatedRecord,
-    isLoading: checkLoading('instrument'),
-    division: division,
-    color: getChartColor(indicator, isDark)
-  })));
-};
-export { InstrumentRateWithData };
-//# sourceMappingURL=InstrumentRateWithData.js.map

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InstrumentRateWithData.js","names":["React","useContext","LabelWrapper","Price","ThemeContext","Truncate","classNames","LineChartWithData","useRecords","INSTRUMENT_TOOLTIP_ID","getChartColor","getColorIndicator","InstrumentRateWithData","_ref","loading","record","target","division","size","isDark","updatedRecord","error","instrument","checkLoading","id","undefined","indicator","dailyPercentChange","createElement","className","isLoading","isError","maxWidth","text","displayName","tooltipId","priceMovement","buyPriceMovement","withoutArrow","buy","toFixed","displayPrecision","dailyPipsChange","color"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  LabelWrapper, Price, ThemeContext, Truncate,\n} from '@oanda/labs-widget-common';\nimport classNames from 'classnames';\nimport { InstrumentRateWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport { getChartColor, getColorIndicator } from './utils';\n\nconst InstrumentRateWithData = ({\n  loading,\n  record,\n  target,\n  division,\n  size = 'fullWithChart',\n}: InstrumentRateWithDataProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);\n\n  return (\n    <div className=\"lw-flex lw-flex-col lw-px-4 lw-pb-1 lw-pt-2\">\n      <div className=\"lw-flex lw-items-center lw-gap-x-2\">\n        <LabelWrapper\n          isLoading={checkLoading('instrument')}\n          isError={!!error}\n        >\n          <span className=\"lw-text-xl lw-font-bold\">\n            <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />\n          </span>\n        </LabelWrapper>\n        <LabelWrapper\n          isLoading={checkLoading('buy')}\n          isError={!!error}\n        >\n          <div className=\"lw-text-xl lw-font-bold\">\n            <Price priceMovement={updatedRecord.buyPriceMovement} withoutArrow>\n              <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n            </Price>\n          </div>\n        </LabelWrapper>\n      </div>\n      {size !== 'compact'\n        && (\n        <div className=\"lw-mt-1 lw-flex lw-items-center lw-gap-x-2\">\n          <LabelWrapper\n            isLoading={checkLoading('dailyPercentChange')}\n            isError={!!error}\n          >\n            <span className={classNames('lw-font-bold', {\n              'lw-text-text-ok': indicator > 0,\n              'lw-text-text-danger': indicator < 0,\n              'lw-text-text-disabled': indicator === 0,\n            })}\n            >\n              {updatedRecord.dailyPercentChange}\n            </span>\n\n          </LabelWrapper>\n          <LabelWrapper\n            isLoading={checkLoading('dailyPipsChange')}\n            isError={!!error}\n          >\n            <span className={classNames('lw-font-bold', {\n              'lw-text-text-ok': indicator > 0,\n              'lw-text-text-danger': indicator < 0,\n              'lw-text-text-disabled': indicator === 0,\n            })}\n            >\n              {`(${updatedRecord.dailyPipsChange})`}\n            </span>\n          </LabelWrapper>\n          {size === 'fullWithChart' && (\n          <LineChartWithData\n            record={updatedRecord}\n            isLoading={checkLoading('instrument')}\n            division={division}\n            color={getChartColor(indicator, isDark)}\n          />\n          )}\n        </div>\n        )}\n    </div>\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SACEC,YAAY,EAAEC,KAAK,EAAEC,YAAY,EAAEC,QAAQ,QACtC,2BAA2B;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,SAAS;AAE1D,MAAMC,sBAAsB,GAAGC,IAAA,IAMI;EAAA,IANH;IAC9BC,OAAO;IACPC,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,IAAI,GAAG;EACoB,CAAC,GAAAL,IAAA;EAC5B,MAAM;IAAEM;EAAO,CAAC,GAAGlB,UAAU,CAACG,YAAY,CAAC;EAC3C,MAAM;IAAEgB,aAAa;IAAEC;EAAM,CAAC,GAAGb,UAAU,CAACO,MAAM,EAAEA,MAAM,CAACO,UAAU,GAAGN,MAAM,GAAG,IAAI,CAAC;EAEtF,MAAMO,YAAY,GAAIC,EAAU,IAAKV,OAAO,IAAK,CAACO,KAAK,IAAID,aAAa,GAAGI,EAAE,CAAC,KAAKC,SAAU;EAE7F,MAAMC,SAAS,GAAGf,iBAAiB,CAACS,aAAa,CAACO,kBAAkB,CAAC;EAErE,OACE3B,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAA6C,GAC1D7B,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAoC,GACjD7B,KAAA,CAAA4B,aAAA,CAAC1B,YAAY;IACX4B,SAAS,EAAEP,YAAY,CAAC,YAAY,CAAE;IACtCQ,OAAO,EAAE,CAAC,CAACV;EAAM,GAEjBrB,KAAA,CAAA4B,aAAA;IAAMC,SAAS,EAAC;EAAyB,GACvC7B,KAAA,CAAA4B,aAAA,CAACvB,QAAQ;IAAC2B,QAAQ,EAAE,GAAI;IAACC,IAAI,EAAElB,MAAM,CAACmB,WAAY;IAACC,SAAS,EAAE1B;EAAsB,CAAE,CAClF,CACM,CAAC,EACfT,KAAA,CAAA4B,aAAA,CAAC1B,YAAY;IACX4B,SAAS,EAAEP,YAAY,CAAC,KAAK,CAAE;IAC/BQ,OAAO,EAAE,CAAC,CAACV;EAAM,GAEjBrB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACtC7B,KAAA,CAAA4B,aAAA,CAACzB,KAAK;IAACiC,aAAa,EAAEhB,aAAa,CAACiB,gBAAiB;IAACC,YAAY;EAAA,GAChEtC,KAAA,CAAA4B,aAAA,eAAOR,aAAa,CAACmB,GAAG,EAAEC,OAAO,CAACpB,aAAa,CAACqB,gBAAgB,CAAQ,CACnE,CACJ,CACO,CACX,CAAC,EACLvB,IAAI,KAAK,SAAS,IAEjBlB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAA4C,GACzD7B,KAAA,CAAA4B,aAAA,CAAC1B,YAAY;IACX4B,SAAS,EAAEP,YAAY,CAAC,oBAAoB,CAAE;IAC9CQ,OAAO,EAAE,CAAC,CAACV;EAAM,GAEjBrB,KAAA,CAAA4B,aAAA;IAAMC,SAAS,EAAEvB,UAAU,CAAC,cAAc,EAAE;MAC1C,iBAAiB,EAAEoB,SAAS,GAAG,CAAC;MAChC,qBAAqB,EAAEA,SAAS,GAAG,CAAC;MACpC,uBAAuB,EAAEA,SAAS,KAAK;IACzC,CAAC;EAAE,GAEAN,aAAa,CAACO,kBACX,CAEM,CAAC,EACf3B,KAAA,CAAA4B,aAAA,CAAC1B,YAAY;IACX4B,SAAS,EAAEP,YAAY,CAAC,iBAAiB,CAAE;IAC3CQ,OAAO,EAAE,CAAC,CAACV;EAAM,GAEjBrB,KAAA,CAAA4B,aAAA;IAAMC,SAAS,EAAEvB,UAAU,CAAC,cAAc,EAAE;MAC1C,iBAAiB,EAAEoB,SAAS,GAAG,CAAC;MAChC,qBAAqB,EAAEA,SAAS,GAAG,CAAC;MACpC,uBAAuB,EAAEA,SAAS,KAAK;IACzC,CAAC;EAAE,GAEA,IAAIN,aAAa,CAACsB,eAAe,GAC9B,CACM,CAAC,EACdxB,IAAI,KAAK,eAAe,IACzBlB,KAAA,CAAA4B,aAAA,CAACrB,iBAAiB;IAChBQ,MAAM,EAAEK,aAAc;IACtBU,SAAS,EAAEP,YAAY,CAAC,YAAY,CAAE;IACtCN,QAAQ,EAAEA,QAAS;IACnB0B,KAAK,EAAEjC,aAAa,CAACgB,SAAS,EAAEP,MAAM;EAAE,CACzC,CAEE,CAEJ,CAAC;AAEV,CAAC;AAED,SAASP,sBAAsB","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.js

@@ -1,3 +0,0 @@
-export * from './InstrumentRateWithData';
-export * from './utils';
-//# sourceMappingURL=index.js.map

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.ts"],"sourcesContent":["export * from './InstrumentRateWithData';\nexport * from './utils';\n"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,SAAS","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithData/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["lightTheme","darkTheme","getColorIndicator","dailyChange","numberValue","Number","substring","length","Math","sign","getChartColor","indicator","isDarkMode","theme","textOk","textDanger","textDisabled"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/utils.ts"],"sourcesContent":["import { lightTheme, darkTheme } from '@oanda/labs-widget-common';\n\nconst getColorIndicator = (dailyChange?: string) => {\n  const numberValue = Number(dailyChange?.substring(0, dailyChange.length - 1));\n\n  return Math.sign(numberValue);\n};\n\nconst getChartColor = (indicator?: number, isDarkMode?: boolean) => {\n  const theme = isDarkMode ? darkTheme : lightTheme;\n\n  switch (indicator) {\n    case 1:\n      return theme.textOk;\n    case -1:\n      return theme.textDanger;\n    default:\n      return theme.textDisabled;\n  }\n};\n\nexport {\n  getColorIndicator,\n  getChartColor,\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,2BAA2B;AAEjE,MAAMC,iBAAiB,GAAIC,WAAoB,IAAK;EAClD,MAAMC,WAAW,GAAGC,MAAM,CAACF,WAAW,EAAEG,SAAS,CAAC,CAAC,EAAEH,WAAW,CAACI,MAAM,GAAG,CAAC,CAAC,CAAC;EAE7E,OAAOC,IAAI,CAACC,IAAI,CAACL,WAAW,CAAC;AAC/B,CAAC;AAED,MAAMM,aAAa,GAAGA,CAACC,SAAkB,EAAEC,UAAoB,KAAK;EAClE,MAAMC,KAAK,GAAGD,UAAU,GAAGX,SAAS,GAAGD,UAAU;EAEjD,QAAQW,SAAS;IACf,KAAK,CAAC;MACJ,OAAOE,KAAK,CAACC,MAAM;IACrB,KAAK,CAAC,CAAC;MACL,OAAOD,KAAK,CAACE,UAAU;IACzB;MACE,OAAOF,KAAK,CAACG,YAAY;EAC7B;AACF,CAAC;AAED,SACEd,iBAAiB,EACjBQ,aAAa","ignoreList":[]}

package/dist/types/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { InstrumentRateWithDataProps } from '../../types';
-declare const InstrumentRateWithData: ({ loading, record, target, division, size, }: InstrumentRateWithDataProps) => React.JSX.Element;
-export { InstrumentRateWithData };

package/dist/types/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.d.ts

@@ -1,2 +0,0 @@
-export * from './InstrumentRateWithData';
-export * from './utils';

package/src/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx

@@ -1,92 +0,0 @@
-import React, { useContext } from 'react';
-import {
-  LabelWrapper, Price, ThemeContext, Truncate,
-} from '@oanda/labs-widget-common';
-import classNames from 'classnames';
-import { InstrumentRateWithDataProps } from '../../types';
-import { LineChartWithData } from '../LineChartWithData';
-import { useRecords } from '../../utils';
-import { INSTRUMENT_TOOLTIP_ID } from '../../constant';
-import { getChartColor, getColorIndicator } from './utils';
-
-const InstrumentRateWithData = ({
-  loading,
-  record,
-  target,
-  division,
-  size = 'fullWithChart',
-}: InstrumentRateWithDataProps) => {
-  const { isDark } = useContext(ThemeContext);
-  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);
-
-  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);
-
-  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);
-
-  return (
-    <div className="lw-flex lw-flex-col lw-px-4 lw-pb-1 lw-pt-2">
-      <div className="lw-flex lw-items-center lw-gap-x-2">
-        <LabelWrapper
-          isLoading={checkLoading('instrument')}
-          isError={!!error}
-        >
-          <span className="lw-text-xl lw-font-bold">
-            <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />
-          </span>
-        </LabelWrapper>
-        <LabelWrapper
-          isLoading={checkLoading('buy')}
-          isError={!!error}
-        >
-          <div className="lw-text-xl lw-font-bold">
-            <Price priceMovement={updatedRecord.buyPriceMovement} withoutArrow>
-              <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>
-            </Price>
-          </div>
-        </LabelWrapper>
-      </div>
-      {size !== 'compact'
-        && (
-        <div className="lw-mt-1 lw-flex lw-items-center lw-gap-x-2">
-          <LabelWrapper
-            isLoading={checkLoading('dailyPercentChange')}
-            isError={!!error}
-          >
-            <span className={classNames('lw-font-bold', {
-              'lw-text-text-ok': indicator > 0,
-              'lw-text-text-danger': indicator < 0,
-              'lw-text-text-disabled': indicator === 0,
-            })}
-            >
-              {updatedRecord.dailyPercentChange}
-            </span>
-
-          </LabelWrapper>
-          <LabelWrapper
-            isLoading={checkLoading('dailyPipsChange')}
-            isError={!!error}
-          >
-            <span className={classNames('lw-font-bold', {
-              'lw-text-text-ok': indicator > 0,
-              'lw-text-text-danger': indicator < 0,
-              'lw-text-text-disabled': indicator === 0,
-            })}
-            >
-              {`(${updatedRecord.dailyPipsChange})`}
-            </span>
-          </LabelWrapper>
-          {size === 'fullWithChart' && (
-          <LineChartWithData
-            record={updatedRecord}
-            isLoading={checkLoading('instrument')}
-            division={division}
-            color={getChartColor(indicator, isDark)}
-          />
-          )}
-        </div>
-        )}
-    </div>
-  );
-};
-
-export { InstrumentRateWithData };

package/src/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.ts

@@ -1,2 +0,0 @@
-export * from './InstrumentRateWithData';
-export * from './utils';