@oanda/labs-instrument-live-rate-widget 1.0.9 → 1.0.11

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"InstrumentRateWithChart.js","names":["React","useContext","InstrumentRate","ThemeContext","getChartColor","getColorIndicator","INSTRUMENT_TOOLTIP_ID","LineChartWithData","useRecords","InstrumentRateWithChart","_ref","loading","record","target","division","size","isDark","updatedRecord","error","instrument","indicator","dailyPercentChange","createElement","Fragment","isLoading","isError","tooltipId","colorIndicator","color"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithChart/InstrumentRateWithChart.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { InstrumentRate, ThemeContext } from '@oanda/labs-widget-common';\nimport { InstrumentRateWithChartProps } from './types';\nimport { getChartColor, getColorIndicator } from './utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\n\nconst InstrumentRateWithChart = ({\n  loading,\n  record,\n  target,\n  division,\n  size,\n}: InstrumentRateWithChartProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error } = useRecords(record, record?.instrument ? target : null);\n\n  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);\n\n  return (\n    <>\n      <InstrumentRate\n        isLoading={loading}\n        isError={!!error}\n        record={updatedRecord}\n        size={size}\n        tooltipId={INSTRUMENT_TOOLTIP_ID}\n        colorIndicator={indicator}\n      />\n      {size === 'fullWithChart' && (\n        <LineChartWithData\n          record={record}\n          isLoading={loading}\n          division={division}\n          color={getChartColor(indicator, isDark)}\n        />\n      )}\n    </>\n  );\n};\n\nexport { InstrumentRateWithChart };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,EAAEC,YAAY,QAAQ,2BAA2B;AAExE,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,SAAS;AAC1D,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,UAAU,QAAQ,aAAa;AAExC,MAAMC,uBAAuB,GAAGC,IAAA,IAMI;EAAA,IANH;IAC/BC,OAAO;IACPC,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC;EAC4B,CAAC,GAAAL,IAAA;EAC7B,MAAM;IAAEM;EAAO,CAAC,GAAGf,UAAU,CAACE,YAAY,CAAC;EAC3C,MAAM;IAAEc,aAAa;IAAEC;EAAM,CAAC,GAAGV,UAAU,CAACI,MAAM,EAAEA,MAAM,EAAEO,UAAU,GAAGN,MAAM,GAAG,IAAI,CAAC;EAEvF,MAAMO,SAAS,GAAGf,iBAAiB,CAACY,aAAa,CAACI,kBAAkB,CAAC;EAErE,OACErB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACEvB,KAAA,CAAAsB,aAAA,CAACpB,cAAc;IACbsB,SAAS,EAAEb,OAAQ;IACnBc,OAAO,EAAE,CAAC,CAACP,KAAM;IACjBN,MAAM,EAAEK,aAAc;IACtBF,IAAI,EAAEA,IAAK;IACXW,SAAS,EAAEpB,qBAAsB;IACjCqB,cAAc,EAAEP;EAAU,CAC3B,CAAC,EACDL,IAAI,KAAK,eAAe,IACvBf,KAAA,CAAAsB,aAAA,CAACf,iBAAiB;IAChBK,MAAM,EAAEA,MAAO;IACfY,SAAS,EAAEb,OAAQ;IACnBG,QAAQ,EAAEA,QAAS;IACnBc,KAAK,EAAExB,aAAa,CAACgB,SAAS,EAAEJ,MAAM;EAAE,CACzC,CAEH,CAAC;AAEP,CAAC;AAED,SAASP,uBAAuB","ignoreList":[]}

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

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

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

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

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithChart/types.js

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

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithChart/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithChart/types.ts"],"sourcesContent":["import { DataRecord } from '@oanda/labs-widget-common';\nimport { Division } from '../../types';\n\nexport interface InstrumentRateWithChartProps {\n  loading: boolean;\n  record: DataRecord;\n  target: EventTarget | null;\n  division: Division;\n  size?: 'compact' | 'full' | 'fullWithChart'\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithChart/utils.js

@@ -1,18 +0,0 @@
-import { lightTheme, darkTheme } from '@oanda/labs-widget-common';
-const getColorIndicator = dailyChange => {
-  const numberValue = Number(dailyChange?.substring(0, dailyChange.length - 1));
-  return Math.sign(numberValue);
-};
-const getChartColor = (indicator, isDarkMode) => {
-  const theme = isDarkMode ? darkTheme : lightTheme;
-  switch (indicator) {
-    case 1:
-      return theme.textOk;
-    case -1:
-      return theme.textDanger;
-    default:
-      return theme.textDisabled;
-  }
-};
-export { getColorIndicator, getChartColor };
-//# sourceMappingURL=utils.js.map

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithChart/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/InstrumentRateWithChart/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/module/InstrumentLiveRateWidget/components/LineChartWithData/LineChartWithData.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { useQuery } from '@apollo/client';
-import { LineChart } from '@oanda/labs-widget-common';
-import { getInstrumentsChart } from '../../../gql/getInstrumentsChart';
-const LineChartWithData = _ref => {
-  let {
-    record,
-    isLoading,
-    division,
-    color
-  } = _ref;
-  const {
-    loading,
-    data
-  } = useQuery(getInstrumentsChart, {
-    variables: {
-      instruments: [record.instrument],
-      division
-    },
-    fetchPolicy: 'network-only',
-    skip: !record.instrument
-  });
-  const showChart = isLoading || loading;
-  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];
-  return React.createElement("div", {
-    className: "lw-relative"
-  }, !showChart ? React.createElement("div", {
-    className: "lw-absolute lw-bottom-0 lw-right-0 lw--z-50 lw-flex lw-h-10 lw-w-[100px] lw-items-center lw-justify-center"
-  }, React.createElement(LineChart, {
-    color: color,
-    data: chart
-  })) : null);
-};
-export { LineChartWithData };
-//# sourceMappingURL=LineChartWithData.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LineChartWithData.js","names":["React","useQuery","LineChart","getInstrumentsChart","LineChartWithData","_ref","record","isLoading","division","color","loading","data","variables","instruments","instrument","fetchPolicy","skip","showChart","chart","topicalInstrumentsCharts","createElement","className"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/LineChartWithData/LineChartWithData.tsx"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport { LineChart } from '@oanda/labs-widget-common';\nimport { LineChartWithDataProps } from './types';\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../../../gql/types/graphql';\n\nconst LineChartWithData = ({\n  record,\n  isLoading,\n  division,\n  color,\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 showChart = isLoading || loading;\n  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];\n\n  return (\n    <div className=\"lw-relative\">\n      {!showChart ? (\n        <div className=\"lw-absolute lw-bottom-0 lw-right-0 lw--z-50 lw-flex lw-h-10 lw-w-[100px] lw-items-center lw-justify-center\">\n          <LineChart\n            color={color}\n            data={chart}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport { LineChartWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,2BAA2B;AAErD,SAASC,mBAAmB,QAAQ,kCAAkC;AAGtE,MAAMC,iBAAiB,GAAGC,IAAA,IAKI;EAAA,IALH;IACzBC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC;EACsB,CAAC,GAAAJ,IAAA;EACvB,MAAM;IAAEK,OAAO;IAAEC;EAAK,CAAC,GAAGV,QAAQ,CAGhCE,mBAAmB,EAAE;IACrBS,SAAS,EAAE;MACTC,WAAW,EAAE,CAACP,MAAM,CAACQ,UAAU,CAAC;MAChCN;IACF,CAAC;IACDO,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACV,MAAM,CAACQ;EAChB,CAAC,CAAC;EAEF,MAAMG,SAAS,GAAGV,SAAS,IAAIG,OAAO;EACtC,MAAMQ,KAAK,GAAGP,IAAI,EAAEQ,wBAAwB,GAAG,CAAC,CAAC,CAACD,KAAK,IAAI,EAAE;EAE7D,OACElB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAa,GACzB,CAACJ,SAAS,GACTjB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAA4G,GACzHrB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IACRO,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAEO;EAAM,CACb,CACE,CAAC,GACJ,IACD,CAAC;AAEV,CAAC;AAED,SAASd,iBAAiB","ignoreList":[]}

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

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

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

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

package/dist/module/InstrumentLiveRateWidget/components/LineChartWithData/types.js

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

package/dist/module/InstrumentLiveRateWidget/components/LineChartWithData/types.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/InstrumentLiveRateWidget/components/index.ts"],"sourcesContent":["export * from './InstrumentRateWithChart';\nexport * from './LineChartWithData';\n"],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,qBAAqB","ignoreList":[]}

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

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

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

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

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

@@ -1,9 +0,0 @@
-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/dist/types/InstrumentLiveRateWidget/components/InstrumentRateWithChart/utils.d.ts

@@ -1,3 +0,0 @@
-declare const getColorIndicator: (dailyChange?: string) => number;
-declare const getChartColor: (indicator?: number, isDarkMode?: boolean) => string;
-export { getColorIndicator, getChartColor, };

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { LineChartWithDataProps } from './types';
-declare const LineChartWithData: ({ record, isLoading, division, color, }: LineChartWithDataProps) => React.JSX.Element;
-export { LineChartWithData };

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

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

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

@@ -1,8 +0,0 @@
-import { DataRecord } from '@oanda/labs-widget-common';
-import { Division } from '../../../gql/types/graphql';
-export interface LineChartWithDataProps {
-    record: DataRecord;
-    isLoading: boolean;
-    division: Division;
-    color: string;
-}

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

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

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

@@ -1,43 +0,0 @@
-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

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

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

@@ -1,10 +0,0 @@
-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/InstrumentRateWithChart/utils.ts

@@ -1,25 +0,0 @@
-import { lightTheme, darkTheme } from '@oanda/labs-widget-common';
-
-const getColorIndicator = (dailyChange?: string) => {
-  const numberValue = Number(dailyChange?.substring(0, dailyChange.length - 1));
-
-  return Math.sign(numberValue);
-};
-
-const getChartColor = (indicator?: number, isDarkMode?: boolean) => {
-  const theme = isDarkMode ? darkTheme : lightTheme;
-
-  switch (indicator) {
-    case 1:
-      return theme.textOk;
-    case -1:
-      return theme.textDanger;
-    default:
-      return theme.textDisabled;
-  }
-};
-
-export {
-  getColorIndicator,
-  getChartColor,
-};

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

@@ -1,43 +0,0 @@
-import React from 'react';
-import { useQuery } from '@apollo/client';
-import { LineChart } from '@oanda/labs-widget-common';
-import { LineChartWithDataProps } from './types';
-import { getInstrumentsChart } from '../../../gql/getInstrumentsChart';
-import { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../../../gql/types/graphql';
-
-const LineChartWithData = ({
-  record,
-  isLoading,
-  division,
-  color,
-}: LineChartWithDataProps) => {
-  const { loading, data } = useQuery<
-  GetInstrumentsChartQuery,
-  GetInstrumentsChartQueryVariables
-  >(getInstrumentsChart, {
-    variables: {
-      instruments: [record.instrument],
-      division,
-    },
-    fetchPolicy: 'network-only',
-    skip: !record.instrument,
-  });
-
-  const showChart = isLoading || loading;
-  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];
-
-  return (
-    <div className="lw-relative">
-      {!showChart ? (
-        <div className="lw-absolute lw-bottom-0 lw-right-0 lw--z-50 lw-flex lw-h-10 lw-w-[100px] lw-items-center lw-justify-center">
-          <LineChart
-            color={color}
-            data={chart}
-          />
-        </div>
-      ) : null}
-    </div>
-  );
-};
-
-export { LineChartWithData };

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

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

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

@@ -1,9 +0,0 @@
-import { DataRecord } from '@oanda/labs-widget-common';
-import { Division } from '../../../gql/types/graphql';
-
-export interface LineChartWithDataProps {
-  record: DataRecord;
-  isLoading: boolean;
-  division: Division;
-  color: string;
-}

package/src/InstrumentLiveRateWidget/components/index.ts

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

package/test/LineChartWithData.test.tsx

@@ -1,164 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render } from '@testing-library/react';
-import { MockedProvider } from '@apollo/client/testing';
-import { lightTheme } from '@oanda/labs-widget-common';
-import { LineChartWithData } from '../src/InstrumentLiveRateWidget/components/LineChartWithData';
-import { getInstrumentsChart } from '../src/gql/getInstrumentsChart';
-import { Division } from '../src/gql/types/graphql';
-
-const chartPointsMocks = [
-  {
-    request: {
-      query: getInstrumentsChart,
-      variables: {
-        instruments: ['EUR_USD'],
-        division: 'OC',
-      },
-    },
-    result: {
-      data: {
-        topicalInstrumentsCharts: [
-          {
-            name: 'EUR_USD',
-            displayName: 'EUR_USD',
-            chart: [
-              1.0544, 1.05704, 1.05716, 1.05596, 1.05556, 1.05556, 1.05238,
-              1.05292, 1.05443, 1.0544, 1.05704, 1.05716, 1.05596, 1.05556,
-              1.05556,
-            ],
-          },
-        ],
-      },
-    },
-  },
-];
-
-const chartsPointsBelowTenMocks = [
-  {
-    request: {
-      query: getInstrumentsChart,
-      variables: {
-        instruments: ['CAD_JPY'],
-        division: 'OC',
-      },
-    },
-    result: {
-      data: {
-        topicalInstrumentsCharts: [
-          {
-            name: 'CAD_JPY',
-            displayName: 'CAD_JPY',
-            chart: [0.8601, 0.85996, 0.85962, 0.86022, 0.8592],
-          },
-        ],
-      },
-    },
-  },
-];
-
-describe('LineChartWithData component', () => {
-  const record = {
-    instrument: 'EUR_USD',
-    displayName: 'EUR_USD',
-    buy: 1.04508,
-    sell: 1.04523,
-    spread: 1.2,
-    dailyPercentChange: '+3,23%',
-  };
-
-  it('should render line chart', async () => {
-    const { findByTestId } = render(
-      <MockedProvider mocks={chartPointsMocks}>
-        <LineChartWithData
-          isLoading={false}
-          division={Division.Oc}
-          record={record}
-          color={lightTheme.textOk}
-        />
-      </MockedProvider>,
-    );
-
-    expect(await findByTestId('line-chart')).toBeInTheDocument();
-  });
-  it('should render line chart in green', async () => {
-    const { findByTestId, container } = render(
-      <MockedProvider mocks={chartPointsMocks}>
-        <LineChartWithData
-          isLoading={false}
-          division={Division.Oc}
-          record={record}
-          color={lightTheme.textOk}
-        />
-      </MockedProvider>,
-    );
-
-    expect(await findByTestId('line-chart')).toBeInTheDocument();
-
-    expect(container.querySelector('path')).toHaveAttribute(
-      'stroke',
-      '#00884E',
-    );
-  });
-  it('should render line chart in red', async () => {
-    record.dailyPercentChange = '-1.56%';
-
-    const { findByTestId, container } = render(
-      <MockedProvider mocks={chartPointsMocks}>
-        <LineChartWithData
-          isLoading={false}
-          division={Division.Oc}
-          record={record}
-          color={lightTheme.textDanger}
-        />
-      </MockedProvider>,
-    );
-
-    expect(await findByTestId('line-chart')).toBeInTheDocument();
-
-    expect(container.querySelector('path')).toHaveAttribute(
-      'stroke',
-      '#E41F37',
-    );
-  });
-  it('should render line chart in grey', async () => {
-    record.dailyPercentChange = '0%';
-
-    const { findByTestId, container } = render(
-      <MockedProvider mocks={chartPointsMocks}>
-        <LineChartWithData
-          isLoading={false}
-          division={Division.Oc}
-          record={record}
-          color={lightTheme.textDisabled}
-        />
-      </MockedProvider>,
-    );
-
-    expect(await findByTestId('line-chart')).toBeInTheDocument();
-
-    expect(container.querySelector('path')).toHaveAttribute(
-      'stroke',
-      '#7B8085',
-    );
-  });
-  it('should render empty value when number of points is below 10', async () => {
-    record.instrument = 'CAD_JPY';
-
-    const { queryByTestId, findByTestId } = render(
-      <MockedProvider mocks={chartsPointsBelowTenMocks}>
-        <LineChartWithData
-          isLoading={false}
-          division={Division.Oc}
-          record={record}
-          color={lightTheme.textOk}
-        />
-      </MockedProvider>,
-    );
-
-    expect(await queryByTestId('line-chart')).not.toBeInTheDocument();
-    expect(await findByTestId('line-chart-empty-value')).toBeInTheDocument();
-  });
-});

package/test/components/InstrumentRateWithChart.test.tsx

@@ -1,62 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render } from '@testing-library/react';
-import { MockedProvider } from '@apollo/client/testing';
-import { InstrumentRateWithChart } from '../../src/InstrumentLiveRateWidget/components';
-import { getInstrumentsChart } from '../../src/gql/getInstrumentsChart';
-import { Division } from '../../src/gql/types/graphql';
-
-const chartPointsMocks = [
-  {
-    request: {
-      query: getInstrumentsChart,
-      variables: {
-        instruments: ['EUR_USD'],
-        division: 'OC',
-      },
-    },
-    result: {
-      data: {
-        topicalInstrumentsCharts: [
-          {
-            name: 'EUR_USD',
-            displayName: 'EUR_USD',
-            chart: [
-              1.0544, 1.05704, 1.05716, 1.05596, 1.05556, 1.05556, 1.05238,
-              1.05292, 1.05443, 1.0544, 1.05704, 1.05716, 1.05596, 1.05556,
-              1.05556,
-            ],
-          },
-        ],
-      },
-    },
-  },
-];
-
-describe('InstrumentRateWithChart component', () => {
-  const record = {
-    instrument: 'EUR_USD',
-    displayName: 'EUR_USD',
-    buy: 1.04508,
-    dailyPercentChange: '+3,23%',
-    dailyPipsChange: 123,
-  };
-
-  it('should render compact instrument rate', async () => {
-    const { getAllByTestId } = render(
-      <MockedProvider mocks={chartPointsMocks}>
-        <InstrumentRateWithChart
-          loading={false}
-          division={Division.Oc}
-          record={record}
-          target={null}
-          size="compact"
-        />
-      </MockedProvider>,
-    );
-
-    expect(getAllByTestId('label-wrapper').length).toEqual(2);
-  });
-});

package/test/components/utils.test.ts

@@ -1,13 +0,0 @@
-import { getColorIndicator } from '../../src/InstrumentLiveRateWidget/components/InstrumentRateWithChart';
-
-describe('getColorIndicator', () => {
-  it('should return value greater than 0', () => {
-    expect(getColorIndicator('+0.06%')).toEqual(1);
-  });
-  it('should return value equal to 0', () => {
-    expect(getColorIndicator('0%')).toEqual(0);
-  });
-  it('should return value lower than 0', () => {
-    expect(getColorIndicator('-0.20%')).toEqual(-1);
-  });
-});