@oanda/labs-order-book-widget 1.0.70 → 1.0.72

package/dist/module/OrderBookWidget/Widget.js

@@ -1,53 +0,0 @@
-import React, { useState } from 'react';
-import { useQuery } from '@apollo/client';
-import { ChartError, Spinner, SpinnerSize, Tabs } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import { getOrderPositionBooks } from '../gql/getOrderPositionBooks';
-import { BookType } from '../gql/types/graphql';
-import { Chart } from './components/Chart/Chart';
-import { navigationConfig } from './config';
-const Widget = _ref => {
-  let {
-    instrument
-  } = _ref;
-  const [bookType, setBookType] = useState(BookType.Order);
-  const {
-    lang
-  } = useLocale();
-  const {
-    loading,
-    data,
-    error
-  } = useQuery(getOrderPositionBooks, {
-    variables: {
-      instrument,
-      bookType,
-      recentHours: 1
-    }
-  });
-  const isError = !loading && !data || !!error;
-  return React.createElement("div", {
-    "data-testid": "order-book-widget",
-    className: "lw-p-4 lw-text-sm lw-tracking-normal lw-text-black"
-  }, React.createElement(Tabs, {
-    activeTab: bookType,
-    handleClick: e => setBookType(e.currentTarget.value),
-    labelCallback: lang,
-    items: navigationConfig
-  }), React.createElement("div", {
-    className: "lw-relative lw-h-[450px] lw-w-full"
-  }, isError && React.createElement("div", {
-    className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(ChartError, null)), loading && React.createElement("div", {
-    className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), data && React.createElement("div", {
-    className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full"
-  }, React.createElement(Chart, {
-    data: data,
-    isOrderBook: bookType === BookType.Order
-  }))));
-};
-export { Widget };
-//# sourceMappingURL=Widget.js.map

package/dist/module/OrderBookWidget/Widget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Widget.js","names":["React","useState","useQuery","ChartError","Spinner","SpinnerSize","Tabs","useLocale","getOrderPositionBooks","BookType","Chart","navigationConfig","Widget","_ref","instrument","bookType","setBookType","Order","lang","loading","data","error","variables","recentHours","isError","createElement","className","activeTab","handleClick","e","currentTarget","value","labelCallback","items","size","lg","isOrderBook"],"sources":["../../../src/OrderBookWidget/Widget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport {\n  ChartError, Spinner, SpinnerSize, Tabs,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { WidgetProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\nimport { Chart } from './components/Chart/Chart';\nimport { navigationConfig } from './config';\n\nconst Widget = ({\n  instrument,\n}: WidgetProps) => {\n  const [bookType, setBookType] = useState(BookType.Order);\n  const { lang } = useLocale();\n\n  const { loading, data, error } = useQuery<\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables\n  >(getOrderPositionBooks, {\n    variables: {\n      instrument,\n      bookType,\n      recentHours: 1,\n    },\n  });\n\n  const isError = (!loading && !data) || !!error;\n\n  return (\n    <div data-testid=\"order-book-widget\" className=\"lw-p-4 lw-text-sm lw-tracking-normal lw-text-black\">\n      <Tabs\n        activeTab={bookType}\n        handleClick={(e) => setBookType(e.currentTarget.value as BookType)}\n        labelCallback={lang}\n        items={navigationConfig}\n      />\n      {/* @todo: chart height */}\n      <div className=\"lw-relative lw-h-[450px] lw-w-full\">\n        {isError && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary\">\n            <ChartError />\n          </div>\n        )}\n        {loading && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary\">\n            <Spinner size={SpinnerSize.lg} />\n          </div>\n        )}\n        {data && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n            <Chart data={data} isOrderBook={bookType === BookType.Order} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport { Widget };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,EAAEC,IAAI,QACjC,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,SAA0EC,QAAQ,QAAQ,sBAAsB;AAChH,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,MAAMC,MAAM,GAAGC,IAAA,IAEI;EAAA,IAFH;IACdC;EACW,CAAC,GAAAD,IAAA;EACZ,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGf,QAAQ,CAACQ,QAAQ,CAACQ,KAAK,CAAC;EACxD,MAAM;IAAEC;EAAK,CAAC,GAAGX,SAAS,CAAC,CAAC;EAE5B,MAAM;IAAEY,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGnB,QAAQ,CAGvCM,qBAAqB,EAAE;IACvBc,SAAS,EAAE;MACTR,UAAU;MACVC,QAAQ;MACRQ,WAAW,EAAE;IACf;EACF,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAI,CAACL,OAAO,IAAI,CAACC,IAAI,IAAK,CAAC,CAACC,KAAK;EAE9C,OACErB,KAAA,CAAAyB,aAAA;IAAK,eAAY,mBAAmB;IAACC,SAAS,EAAC;EAAoD,GACjG1B,KAAA,CAAAyB,aAAA,CAACnB,IAAI;IACHqB,SAAS,EAAEZ,QAAS;IACpBa,WAAW,EAAGC,CAAC,IAAKb,WAAW,CAACa,CAAC,CAACC,aAAa,CAACC,KAAiB,CAAE;IACnEC,aAAa,EAAEd,IAAK;IACpBe,KAAK,EAAEtB;EAAiB,CACzB,CAAC,EAEFX,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAChDF,OAAO,IACNxB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAAiJ,GAC9J1B,KAAA,CAAAyB,aAAA,CAACtB,UAAU,MAAE,CACV,CACN,EACAgB,OAAO,IACNnB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAAiJ,GAC9J1B,KAAA,CAAAyB,aAAA,CAACrB,OAAO;IAAC8B,IAAI,EAAE7B,WAAW,CAAC8B;EAAG,CAAE,CAC7B,CACN,EACAf,IAAI,IACHpB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAA4D,GACzE1B,KAAA,CAAAyB,aAAA,CAACf,KAAK;IAACU,IAAI,EAAEA,IAAK;IAACgB,WAAW,EAAErB,QAAQ,KAAKN,QAAQ,CAACQ;EAAM,CAAE,CAC3D,CAEJ,CACF,CAAC;AAEV,CAAC;AAED,SAASL,MAAM"}

package/dist/types/OrderBookWidget/Widget.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { WidgetProps } from './types';
-declare const Widget: ({ instrument, }: WidgetProps) => JSX.Element;
-export { Widget };

package/src/OrderBookWidget/Widget.tsx

@@ -1,62 +0,0 @@
-import React, { useState } from 'react';
-import { useQuery } from '@apollo/client';
-import {
-  ChartError, Spinner, SpinnerSize, Tabs,
-} from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import { WidgetProps } from './types';
-import { getOrderPositionBooks } from '../gql/getOrderPositionBooks';
-import { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';
-import { Chart } from './components/Chart/Chart';
-import { navigationConfig } from './config';
-
-const Widget = ({
-  instrument,
-}: WidgetProps) => {
-  const [bookType, setBookType] = useState(BookType.Order);
-  const { lang } = useLocale();
-
-  const { loading, data, error } = useQuery<
-  GetOrderPositionBooksQuery,
-  GetOrderPositionBooksQueryVariables
-  >(getOrderPositionBooks, {
-    variables: {
-      instrument,
-      bookType,
-      recentHours: 1,
-    },
-  });
-
-  const isError = (!loading && !data) || !!error;
-
-  return (
-    <div data-testid="order-book-widget" className="lw-p-4 lw-text-sm lw-tracking-normal lw-text-black">
-      <Tabs
-        activeTab={bookType}
-        handleClick={(e) => setBookType(e.currentTarget.value as BookType)}
-        labelCallback={lang}
-        items={navigationConfig}
-      />
-      {/* @todo: chart height */}
-      <div className="lw-relative lw-h-[450px] lw-w-full">
-        {isError && (
-          <div className="lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary">
-            <ChartError />
-          </div>
-        )}
-        {loading && (
-          <div className="lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary">
-            <Spinner size={SpinnerSize.lg} />
-          </div>
-        )}
-        {data && (
-          <div className="lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full">
-            <Chart data={data} isOrderBook={bookType === BookType.Order} />
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export { Widget };

package/test/Widget.test.tsx

@@ -1,71 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render } from '@testing-library/react';
-import { MockedProvider } from '@apollo/client/testing';
-import { Widget } from '../src/OrderBookWidget/Widget';
-import { getOrderPositionBooks } from '../src/gql/getOrderPositionBooks';
-import { BookType } from '../src/gql/types/graphql';
-
-const mocks = [
-  {
-    request: {
-      query: getOrderPositionBooks,
-      variables: {
-        instrument: 'EUR_USD',
-        bookType: BookType.Order,
-        recentHours: 1,
-      },
-    },
-    result: {
-      data: {
-        orderPositionBooks: [
-          {
-            bucketWidth: '0.0005',
-            price: '0.8',
-            buckets: [
-              {
-                price: '0.02',
-                longCountPercent: '0.0582',
-                shortCountPercent: '0.0',
-              },
-              {
-                price: '0.7',
-                longCountPercent: '0.0582',
-                shortCountPercent: '0.0',
-              },
-              {
-                price: '0.9925',
-                longCountPercent: '0.0582',
-                shortCountPercent: '0.0',
-              },
-              {
-                price: '1.0',
-                longCountPercent: '0.1163',
-                shortCountPercent: '0.0',
-              },
-            ],
-          },
-
-        ],
-      },
-    },
-  },
-];
-
-jest.mock('../src/OrderBookWidget/components/Chart/Chart', () => ({
-  Chart: () => <p data-testid="chart-test-component">Chart</p>,
-}));
-
-describe('Widget component', () => {
-  it('should render widget component', async () => {
-    const { findByTestId } = render(
-      <MockedProvider mocks={mocks}>
-        <Widget instrument="EUR_USD" />
-      </MockedProvider>,
-    );
-
-    expect(await findByTestId('order-book-widget')).toBeInTheDocument();
-  });
-});