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

package/CHANGELOG.md

@@ -3,6 +3,282 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.72 (2024-01-19)
+
+
+
+## 1.0.71 (2024-01-18)
+
+
+
+## 1.0.70 (2024-01-17)
+
+
+
+## 1.0.69 (2024-01-17)
+
+
+
+## 1.0.68 (2024-01-15)
+
+
+
+## 1.0.67 (2024-01-15)
+
+
+
+## 1.0.66 (2024-01-12)
+
+
+
+## 1.0.65 (2024-01-11)
+
+
+
+## 1.0.64 (2024-01-11)
+
+
+
+## 1.0.63 (2024-01-11)
+
+
+
+## 1.0.62 (2024-01-10)
+
+
+
+## 1.0.61 (2024-01-09)
+
+
+
+## 1.0.60 (2024-01-05)
+
+
+
+## 1.0.59 (2023-12-27)
+
+
+
+## 1.0.58 (2023-12-22)
+
+
+
+## 1.0.57 (2023-12-22)
+
+
+
+## 1.0.56 (2023-12-21)
+
+
+
+## 1.0.55 (2023-12-19)
+
+
+
+## 1.0.54 (2023-12-15)
+
+
+
+## 1.0.53 (2023-12-13)
+
+
+
+## 1.0.52 (2023-12-13)
+
+
+
+## 1.0.51 (2023-12-07)
+
+
+
+## 1.0.50 (2023-12-04)
+
+
+
+## 1.0.49 (2023-12-01)
+
+
+
+## 1.0.48 (2023-12-01)
+
+
+
+## 1.0.47 (2023-11-29)
+
+
+
+## 1.0.46 (2023-11-28)
+
+
+
+## 1.0.45 (2023-11-23)
+
+
+
+## 1.0.44 (2023-11-22)
+
+
+
+## 1.0.43 (2023-11-15)
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-order-book-widget
+
+
+
+
+
 ## 1.0.71 (2024-01-18)
 
 

package/dist/main/OrderBookWidget/ChartWithData.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartWithData = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
+var _usehooksTs = require("usehooks-ts");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _getOrderPositionBooks = require("../gql/getOrderPositionBooks");
+var _graphql = require("../gql/types/graphql");
+var _Chart = require("./components/Chart/Chart");
+var _config = require("./config");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ChartWithData = _ref => {
+  var _data$orderPositionBo;
+  let {
+    instrument,
+    bookType
+  } = _ref;
+  const isDesktop = (0, _usehooksTs.useMediaQuery)('(min-width: 768px)');
+  const {
+    loading,
+    data,
+    error
+  } = (0, _client.useQuery)(_getOrderPositionBooks.getOrderPositionBooks, {
+    variables: {
+      instrument,
+      bookType,
+      recentHours: 1
+    }
+  });
+  const isError = !loading && !(data !== null && data !== void 0 && (_data$orderPositionBo = data.orderPositionBooks[0]) !== null && _data$orderPositionBo !== void 0 && _data$orderPositionBo.price) || !!error;
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-relative lw-w-full', {
+      'lw-h-[450px]': isDesktop,
+      'lw-h-[390px]': !isDesktop
+    })
+  }, isError && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary', {
+      'lw-h-full': isDesktop,
+      'lw-h-[calc(100%-40px)]': !isDesktop
+    })
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), loading && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary', {
+      'lw-h-full': isDesktop,
+      'lw-h-[calc(100%-40px)]': !isDesktop
+    })
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), data && _react.default.createElement("div", {
+    className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full"
+  }, _react.default.createElement(_Chart.Chart, {
+    data: data,
+    isOrderBook: bookType === _graphql.BookType.Order,
+    precision: _config.instrumentPrecisionConfig[instrument]
+  })));
+};
+exports.ChartWithData = ChartWithData;
+//# sourceMappingURL=ChartWithData.js.map

package/dist/main/OrderBookWidget/ChartWithData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireDefault","require","_client","_usehooksTs","_classnames","_labsWidgetCommon","_getOrderPositionBooks","_graphql","_Chart","_config","obj","__esModule","default","ChartWithData","_ref","_data$orderPositionBo","instrument","bookType","isDesktop","useMediaQuery","loading","data","error","useQuery","getOrderPositionBooks","variables","recentHours","isError","orderPositionBooks","price","createElement","className","classnames","ChartError","Spinner","size","SpinnerSize","lg","Chart","isOrderBook","BookType","Order","precision","instrumentPrecisionConfig","exports"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport { useMediaQuery } from 'usehooks-ts';\nimport classnames from 'classnames';\nimport { ChartError, Spinner, SpinnerSize } from '@oanda/labs-widget-common';\nimport { ChartWithDataProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\nimport { Chart } from './components/Chart/Chart';\nimport { instrumentPrecisionConfig } from './config';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n}: ChartWithDataProps) => {\n  const isDesktop = useMediaQuery('(min-width: 768px)');\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?.orderPositionBooks[0]?.price) || !!error;\n\n  return (\n    <div className={classnames('lw-relative lw-w-full', {\n      'lw-h-[450px]': isDesktop,\n      'lw-h-[390px]': !isDesktop,\n    })}\n    >\n      {isError && (\n      <div className={\n            classnames(\n              'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n              {\n                'lw-h-full': isDesktop,\n                'lw-h-[calc(100%-40px)]': !isDesktop,\n              },\n            )\n          }\n      >\n        <ChartError />\n      </div>\n      )}\n      {loading && (\n      <div className={\n            classnames(\n              'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n              {\n                'lw-h-full': isDesktop,\n                'lw-h-[calc(100%-40px)]': !isDesktop,\n              },\n            )\n          }\n      >\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\n          data={data}\n          isOrderBook={bookType === BookType.Order}\n          precision={instrumentPrecisionConfig[instrument]}\n        />\n      </div>\n      )}\n    </div>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAAqD,SAAAD,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAErD,MAAMG,aAAa,GAAGC,IAAA,IAGI;EAAA,IAAAC,qBAAA;EAAA,IAHH;IACrBC,UAAU;IACVC;EACkB,CAAC,GAAAH,IAAA;EACnB,MAAMI,SAAS,GAAG,IAAAC,yBAAa,EAAC,oBAAoB,CAAC;EAErD,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,4CAAqB,EAAE;IACvBC,SAAS,EAAE;MACTT,UAAU;MACVC,QAAQ;MACRS,WAAW,EAAE;IACf;EACF,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAI,CAACP,OAAO,IAAI,EAACC,IAAI,aAAJA,IAAI,gBAAAN,qBAAA,GAAJM,IAAI,CAAEO,kBAAkB,CAAC,CAAC,CAAC,cAAAb,qBAAA,eAA3BA,qBAAA,CAA6Bc,KAAK,KAAK,CAAC,CAACP,KAAK;EAE5E,OACEvB,MAAA,CAAAa,OAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAAC,uBAAuB,EAAE;MAClD,cAAc,EAAEd,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEAS,OAAO,IACR5B,MAAA,CAAAa,OAAA,CAAAkB,aAAA;IAAKC,SAAS,EACR,IAAAC,mBAAU,EACR,uIAAuI,EACvI;MACE,WAAW,EAAEd,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAEHnB,MAAA,CAAAa,OAAA,CAAAkB,aAAA,CAACzB,iBAAA,CAAA4B,UAAU,MAAE,CACV,CACJ,EACAb,OAAO,IACRrB,MAAA,CAAAa,OAAA,CAAAkB,aAAA;IAAKC,SAAS,EACR,IAAAC,mBAAU,EACR,uIAAuI,EACvI;MACE,WAAW,EAAEd,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAEHnB,MAAA,CAAAa,OAAA,CAAAkB,aAAA,CAACzB,iBAAA,CAAA6B,OAAO;IAACC,IAAI,EAAEC,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACJ,EACAhB,IAAI,IACLtB,MAAA,CAAAa,OAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAA4D,GACzEhC,MAAA,CAAAa,OAAA,CAAAkB,aAAA,CAACtB,MAAA,CAAA8B,KAAK;IACJjB,IAAI,EAAEA,IAAK;IACXkB,WAAW,EAAEtB,QAAQ,KAAKuB,iBAAQ,CAACC,KAAM;IACzCC,SAAS,EAAEC,iCAAyB,CAAC3B,UAAU;EAAE,CAClD,CACE,CAEF,CAAC;AAEV,CAAC;AAAC4B,OAAA,CAAA/B,aAAA,GAAAA,aAAA"}

package/dist/main/OrderBookWidget/Main.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Main = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _graphql = require("../gql/types/graphql");
+var _config = require("./config");
+var _ChartWithData = require("./ChartWithData");
+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 && Object.prototype.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 Main = _ref => {
+  let {
+    instrument
+  } = _ref;
+  const [bookType, setBookType] = (0, _react.useState)(_graphql.BookType.Order);
+  const [toolInstrument, setToolInstrument] = (0, _react.useState)(_config.instrumentSelectConfig[0]);
+  const {
+    lang
+  } = (0, _monoI18n.useLocale)();
+  return _react.default.createElement("div", {
+    "data-testid": "order-book-widget",
+    className: "lw-p-4 lw-pt-0 lw-text-sm lw-tracking-normal lw-text-black"
+  }, _react.default.createElement(_labsWidgetCommon.Tabs, {
+    activeTab: bookType,
+    handleClick: e => setBookType(e.currentTarget.value),
+    labelCallback: lang,
+    items: _config.navigationConfig,
+    mobileFullWidth: true
+  }), !instrument && _react.default.createElement("div", {
+    className: "lw-mb-6 lw-mt-12"
+  }, _react.default.createElement(_labsWidgetCommon.Select, {
+    selectLabel: lang('select_instrument'),
+    options: _config.instrumentSelectConfig,
+    selectedOption: toolInstrument,
+    setSelectedOption: val => setToolInstrument(val)
+  })), _react.default.createElement(_ChartWithData.ChartWithData, {
+    instrument: instrument || toolInstrument.id,
+    bookType: bookType
+  }));
+};
+exports.Main = Main;
+//# sourceMappingURL=Main.js.map

package/dist/main/OrderBookWidget/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_monoI18n","_graphql","_config","_ChartWithData","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Main","_ref","instrument","bookType","setBookType","useState","BookType","Order","toolInstrument","setToolInstrument","instrumentSelectConfig","lang","useLocale","createElement","className","Tabs","activeTab","handleClick","currentTarget","value","labelCallback","items","navigationConfig","mobileFullWidth","Select","selectLabel","options","selectedOption","setSelectedOption","val","ChartWithData","id","exports"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Select, Tabs } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { InstrumentId, MainProps } from './types';\nimport { BookType } from '../gql/types/graphql';\nimport { instrumentSelectConfig, navigationConfig } from './config';\nimport { ChartWithData } from './ChartWithData';\n\nconst Main = ({ instrument }: MainProps) => {\n  const [bookType, setBookType] = useState(BookType.Order);\n  const [toolInstrument, setToolInstrument] = useState(instrumentSelectConfig[0]);\n  const { lang } = useLocale();\n\n  return (\n    <div data-testid=\"order-book-widget\" className=\"lw-p-4 lw-pt-0 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        mobileFullWidth\n      />\n      {!instrument && (\n        <div className=\"lw-mb-6 lw-mt-12\">\n          <Select\n            selectLabel={lang('select_instrument')}\n            options={instrumentSelectConfig}\n            selectedOption={toolInstrument}\n            setSelectedOption={\n              (val) => setToolInstrument(val as { id: InstrumentId; label: string })\n            }\n          />\n        </div>\n      )}\n      <ChartWithData instrument={instrument || toolInstrument.id} bookType={bookType} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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"}

package/dist/main/OrderBookWidget/OrderBookWidget.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _client = require("@apollo/client");
 var _monoI18n = require("@oanda/mono-i18n");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _Widget = require("./Widget");
+var _Main = require("./Main");
 var _translations = require("../translations");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const OrderBookWidget = _ref => {
@@ -29,7 +29,7 @@ const OrderBookWidget = _ref => {
     translations: _translations.translations
   }, _react.default.createElement(_client.ApolloProvider, {
     client: client
-  }, _react.default.createElement(_Widget.Widget, {
+  }, _react.default.createElement(_Main.Main, {
     instrument: instrument
   }))));
 };

package/dist/main/OrderBookWidget/OrderBookWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderBookWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_Widget","_translations","obj","__esModule","default","OrderBookWidget","_ref","graphqlUrl","instrument","locale","theme","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","Widget","exports"],"sources":["../../../src/OrderBookWidget/OrderBookWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { Widget } from './Widget';\nimport { OrderBookWidgetConfig } from './types';\nimport { translations } from '../translations';\n\nconst OrderBookWidget = ({\n  graphqlUrl,\n  instrument,\n  locale,\n  theme,\n}: OrderBookWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          <Widget instrument={instrument} />\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { OrderBookWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAA+C,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA,IAKK;EAAA,IALJ;IACvBC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC;EACqB,CAAC,GAAAJ,IAAA;EACtB,MAAMK,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEN,UAAU;IACfO,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACErB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACjB,iBAAA,CAAAkB,aAAa;IAACP,KAAK,EAAEA;EAAM,GAC1BhB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAClB,SAAA,CAAAoB,cAAc;IAACT,MAAM,EAAE,IAAAU,2BAAS,EAACV,MAAM,CAAE;IAACW,YAAY,EAAEA;EAAa,GACpE1B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACnB,OAAA,CAAAwB,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC7BjB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAChB,OAAA,CAAAsB,MAAM;IAACd,UAAU,EAAEA;EAAW,CAAE,CACnB,CACF,CACH,CAAC;AAEpB,CAAC;AAACe,OAAA,CAAAlB,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"OrderBookWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_Main","_translations","obj","__esModule","default","OrderBookWidget","_ref","graphqlUrl","instrument","locale","theme","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","Main","exports"],"sources":["../../../src/OrderBookWidget/OrderBookWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { Main } from './Main';\nimport { OrderBookWidgetConfig } from './types';\nimport { translations } from '../translations';\n\nconst OrderBookWidget = ({\n  graphqlUrl,\n  instrument,\n  locale,\n  theme,\n}: OrderBookWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          <Main instrument={instrument} />\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { OrderBookWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAA+C,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA,IAKK;EAAA,IALJ;IACvBC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC;EACqB,CAAC,GAAAJ,IAAA;EACtB,MAAMK,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEN,UAAU;IACfO,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACErB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACjB,iBAAA,CAAAkB,aAAa;IAACP,KAAK,EAAEA;EAAM,GAC1BhB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAClB,SAAA,CAAAoB,cAAc;IAACT,MAAM,EAAE,IAAAU,2BAAS,EAACV,MAAM,CAAE;IAACW,YAAY,EAAEA;EAAa,GACpE1B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACnB,OAAA,CAAAwB,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC7BjB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAChB,KAAA,CAAAsB,IAAI;IAACd,UAAU,EAAEA;EAAW,CAAE,CACjB,CACF,CACH,CAAC;AAEpB,CAAC;AAACe,OAAA,CAAAlB,eAAA,GAAAA,eAAA"}

package/dist/main/OrderBookWidget/components/Chart/Chart.js

@@ -9,6 +9,7 @@ var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
 var _echarts = require("echarts");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _usehooksTs = require("usehooks-ts");
+var _monoI18n = require("@oanda/mono-i18n");
 var _getOption = require("./getOption");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -18,8 +19,12 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const Chart = _ref => {
   let {
     data,
-    isOrderBook
+    isOrderBook,
+    precision
   } = _ref;
+  const {
+    lang
+  } = (0, _monoI18n.useLocale)();
   const isDark = (0, _react.useContext)(_labsWidgetCommon.ThemeContext) === _labsWidgetCommon.Theme.Dark;
   const echartRef = (0, _react.useRef)(null);
   const isDesktop = (0, _usehooksTs.useMediaQuery)('(min-width: 768px)');
@@ -43,26 +48,30 @@ const Chart = _ref => {
   (0, _react.useEffect)(() => {
     if (echartRef.current) {
       const echartInstance = echartRef.current.getEchartsInstance();
-      echartInstance.setOption((0, _getOption.getDesktopOption)({
+      echartInstance.setOption((0, _getOption.getResponsiveOption)({
         isDark,
-        isOrderBook
+        isOrderBook,
+        isDesktop,
+        lang
       }));
     }
-  }, [echartRef, isDesktop, isDark, isOrderBook]);
+  }, [echartRef, isDesktop, isDark, isOrderBook, lang]);
   return _react.default.createElement("div", {
     className: "lw-relative lw-w-full"
   }, _react.default.createElement("div", null, data && _react.default.createElement(_echartsForReact.default, {
     ref: echartRef,
     theme: isDark ? 'dark_theme' : 'light_theme',
     style: {
-      height: '450px',
+      height: isDesktop ? '450px' : '390px',
       width: '100%'
     },
     option: (0, _getOption.getOption)({
       data,
-      precision: 4,
+      precision,
       isDark,
-      isOrderBook
+      isOrderBook,
+      isDesktop,
+      lang
     })
   })));
 };

package/dist/main/OrderBookWidget/components/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["_react","_interopRequireWildcard","require","_echartsForReact","_interopRequireDefault","_echarts","_labsWidgetCommon","_usehooksTs","_getOption","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","data","isOrderBook","isDark","useContext","ThemeContext","echartRef","useRef","isDesktop","useMediaQuery","useEffect","current","echartInstance","getEchartsInstance","on","getOption","color","colorPalette","bottleGreenLight","setOption","bottleGreenLight70","orange70","raspberryDark70","orange","raspberryDark","getDesktopOption","createElement","className","ref","theme","style","height","width","option","precision","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useContext } from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport { registerTheme, EChartsType, Color } from 'echarts';\nimport {\n  Theme, ThemeContext, colorPalette, getChartTheme,\n} from '@oanda/labs-widget-common';\nimport { useMediaQuery } from 'usehooks-ts';\nimport { getDesktopOption, getOption } from './getOption';\nimport { ChartProps } from './types';\n\nregisterTheme('dark_theme', getChartTheme(Theme.Dark));\nregisterTheme('light_theme', getChartTheme(Theme.Light));\n\nexport const Chart = ({ data, isOrderBook }: ChartProps) => {\n  const isDark = useContext(ThemeContext) === Theme.Dark;\n  const echartRef = useRef(null);\n  const isDesktop = useMediaQuery('(min-width: 768px)');\n\n  useEffect(() => {\n    if (echartRef.current) {\n      // @ts-ignore\n      const echartInstance = echartRef.current.getEchartsInstance() as EChartsType;\n\n      echartInstance.on('highlight', () => {\n        if ((echartInstance.getOption().color as Color[])[0] === colorPalette.bottleGreenLight) {\n          echartInstance.setOption({\n            color: [\n              colorPalette.bottleGreenLight70,\n              isDark ? colorPalette.orange70 : colorPalette.raspberryDark70,\n            ],\n          });\n        }\n      });\n\n      echartInstance.on('globalout', () => {\n        echartInstance.setOption({\n          color: [\n            colorPalette.bottleGreenLight,\n            isDark ? colorPalette.orange : colorPalette.raspberryDark,\n          ],\n        });\n      });\n    }\n  }, [echartRef, isDark]);\n\n  useEffect(() => {\n    if (echartRef.current) {\n      // @ts-ignore\n      const echartInstance = echartRef.current.getEchartsInstance() as EChartsType;\n\n      echartInstance.setOption(getDesktopOption({ isDark, isOrderBook }));\n    }\n  }, [echartRef, isDesktop, isDark, isOrderBook]);\n\n  return (\n    <div className=\"lw-relative lw-w-full\">\n      <div>\n        {data && (\n          <ReactEcharts\n            ref={echartRef}\n            theme={isDark ? 'dark_theme' : 'light_theme'}\n            style={{\n              height: '450px',\n              width: '100%',\n            }}\n            option={getOption({\n              data, precision: 4, isDark, isOrderBook,\n            })}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAGA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAA0D,SAAAE,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAG1D,IAAAY,sBAAa,EAAC,YAAY,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACC,IAAI,CAAC,CAAC;AACtD,IAAAH,sBAAa,EAAC,aAAa,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACE,KAAK,CAAC,CAAC;AAEjD,MAAMC,KAAK,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC,IAAI;IAAEC;EAAwB,CAAC,GAAAF,IAAA;EACrD,MAAMG,MAAM,GAAG,IAAAC,iBAAU,EAACC,8BAAY,CAAC,KAAKT,uBAAK,CAACC,IAAI;EACtD,MAAMS,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC9B,MAAMC,SAAS,GAAG,IAAAC,yBAAa,EAAC,oBAAoB,CAAC;EAErD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIJ,SAAS,CAACK,OAAO,EAAE;MAErB,MAAMC,cAAc,GAAGN,SAAS,CAACK,OAAO,CAACE,kBAAkB,CAAC,CAAgB;MAE5ED,cAAc,CAACE,EAAE,CAAC,WAAW,EAAE,MAAM;QACnC,IAAKF,cAAc,CAACG,SAAS,CAAC,CAAC,CAACC,KAAK,CAAa,CAAC,CAAC,KAAKC,8BAAY,CAACC,gBAAgB,EAAE;UACtFN,cAAc,CAACO,SAAS,CAAC;YACvBH,KAAK,EAAE,CACLC,8BAAY,CAACG,kBAAkB,EAC/BjB,MAAM,GAAGc,8BAAY,CAACI,QAAQ,GAAGJ,8BAAY,CAACK,eAAe;UAEjE,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;MAEFV,cAAc,CAACE,EAAE,CAAC,WAAW,EAAE,MAAM;QACnCF,cAAc,CAACO,SAAS,CAAC;UACvBH,KAAK,EAAE,CACLC,8BAAY,CAACC,gBAAgB,EAC7Bf,MAAM,GAAGc,8BAAY,CAACM,MAAM,GAAGN,8BAAY,CAACO,aAAa;QAE7D,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAAClB,SAAS,EAAEH,MAAM,CAAC,CAAC;EAEvB,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAIJ,SAAS,CAACK,OAAO,EAAE;MAErB,MAAMC,cAAc,GAAGN,SAAS,CAACK,OAAO,CAACE,kBAAkB,CAAC,CAAgB;MAE5ED,cAAc,CAACO,SAAS,CAAC,IAAAM,2BAAgB,EAAC;QAAEtB,MAAM;QAAED;MAAY,CAAC,CAAC,CAAC;IACrE;EACF,CAAC,EAAE,CAACI,SAAS,EAAEE,SAAS,EAAEL,MAAM,EAAED,WAAW,CAAC,CAAC;EAE/C,OACEvC,MAAA,CAAAW,OAAA,CAAAoD,aAAA;IAAKC,SAAS,EAAC;EAAuB,GACpChE,MAAA,CAAAW,OAAA,CAAAoD,aAAA,cACGzB,IAAI,IACHtC,MAAA,CAAAW,OAAA,CAAAoD,aAAA,CAAC5D,gBAAA,CAAAQ,OAAY;IACXsD,GAAG,EAAEtB,SAAU;IACfuB,KAAK,EAAE1B,MAAM,GAAG,YAAY,GAAG,aAAc;IAC7C2B,KAAK,EAAE;MACLC,MAAM,EAAE,OAAO;MACfC,KAAK,EAAE;IACT,CAAE;IACFC,MAAM,EAAE,IAAAlB,oBAAS,EAAC;MAChBd,IAAI;MAAEiC,SAAS,EAAE,CAAC;MAAE/B,MAAM;MAAED;IAC9B,CAAC;EAAE,CACJ,CAEA,CACF,CAAC;AAEV,CAAC;AAACiC,OAAA,CAAApC,KAAA,GAAAA,KAAA"}
+{"version":3,"file":"Chart.js","names":["_react","_interopRequireWildcard","require","_echartsForReact","_interopRequireDefault","_echarts","_labsWidgetCommon","_usehooksTs","_monoI18n","_getOption","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","data","isOrderBook","precision","lang","useLocale","isDark","useContext","ThemeContext","echartRef","useRef","isDesktop","useMediaQuery","useEffect","current","echartInstance","getEchartsInstance","on","getOption","color","colorPalette","bottleGreenLight","setOption","bottleGreenLight70","orange70","raspberryDark70","orange","raspberryDark","getResponsiveOption","createElement","className","ref","theme","style","height","width","option","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useContext } from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport { registerTheme, EChartsType, Color } from 'echarts';\nimport {\n  Theme, ThemeContext, colorPalette, getChartTheme,\n} from '@oanda/labs-widget-common';\nimport { useMediaQuery } from 'usehooks-ts';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { getResponsiveOption, getOption } from './getOption';\nimport { ChartProps } from './types';\n\nregisterTheme('dark_theme', getChartTheme(Theme.Dark));\nregisterTheme('light_theme', getChartTheme(Theme.Light));\n\nexport const Chart = ({ data, isOrderBook, precision }: ChartProps) => {\n  const { lang } = useLocale();\n  const isDark = useContext(ThemeContext) === Theme.Dark;\n  const echartRef = useRef(null);\n  const isDesktop = useMediaQuery('(min-width: 768px)');\n\n  useEffect(() => {\n    if (echartRef.current) {\n      // @ts-ignore\n      const echartInstance = echartRef.current.getEchartsInstance() as EChartsType;\n\n      echartInstance.on('highlight', () => {\n        if ((echartInstance.getOption().color as Color[])[0] === colorPalette.bottleGreenLight) {\n          echartInstance.setOption({\n            color: [\n              colorPalette.bottleGreenLight70,\n              isDark ? colorPalette.orange70 : colorPalette.raspberryDark70,\n            ],\n          });\n        }\n      });\n\n      echartInstance.on('globalout', () => {\n        echartInstance.setOption({\n          color: [\n            colorPalette.bottleGreenLight,\n            isDark ? colorPalette.orange : colorPalette.raspberryDark,\n          ],\n        });\n      });\n    }\n  }, [echartRef, isDark]);\n\n  useEffect(() => {\n    if (echartRef.current) {\n      // @ts-ignore\n      const echartInstance = echartRef.current.getEchartsInstance() as EChartsType;\n\n      echartInstance.setOption(\n        getResponsiveOption({\n          isDark, isOrderBook, isDesktop, lang,\n        }),\n      );\n    }\n  }, [echartRef, isDesktop, isDark, isOrderBook, lang]);\n\n  return (\n    <div className=\"lw-relative lw-w-full\">\n      <div>\n        {data && (\n          <ReactEcharts\n            ref={echartRef}\n            theme={isDark ? 'dark_theme' : 'light_theme'}\n            style={{\n              height: isDesktop ? '450px' : '390px',\n              width: '100%',\n            }}\n            option={getOption({\n              data, precision, isDark, isOrderBook, isDesktop, lang,\n            })}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/main/OrderBookWidget/components/Chart/constants.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_DESKTOP = exports.X_LABEL_SIZE = exports.INITIAL_BARS = exports.CHART_WIDTH = exports.CHART_HEIGHT = void 0;
+exports.ZOOM_CONTROL_HEIGHT = exports.Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_DESKTOP = exports.X_LABEL_SIZE = exports.INITIAL_BARS = exports.CHART_WIDTH = exports.CHART_HEIGHT_MOBILE = exports.CHART_HEIGHT_DESKTOP = void 0;
 const INITIAL_BARS = exports.INITIAL_BARS = 80;
 const X_LABEL_SIZE = exports.X_LABEL_SIZE = 40;
-const Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_MOBILE = 35;
+const Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_MOBILE = 50;
 const Y_LABEL_SIZE_DESKTOP = exports.Y_LABEL_SIZE_DESKTOP = 120;
 const CHART_WIDTH = exports.CHART_WIDTH = 9999;
-const CHART_HEIGHT = exports.CHART_HEIGHT = 450;
+const CHART_HEIGHT_DESKTOP = exports.CHART_HEIGHT_DESKTOP = 450;
+const CHART_HEIGHT_MOBILE = exports.CHART_HEIGHT_MOBILE = 390;
+const ZOOM_CONTROL_HEIGHT = exports.ZOOM_CONTROL_HEIGHT = 40;
 //# sourceMappingURL=constants.js.map

package/dist/main/OrderBookWidget/components/Chart/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["INITIAL_BARS","exports","X_LABEL_SIZE","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT"],"sources":["../../../../../src/OrderBookWidget/components/Chart/constants.ts"],"sourcesContent":["export const INITIAL_BARS = 80;\n\nexport const X_LABEL_SIZE = 40;\nexport const Y_LABEL_SIZE_MOBILE = 35;\nexport const Y_LABEL_SIZE_DESKTOP = 120;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 450;\n"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AAEvB,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;AACvB,MAAMC,mBAAmB,GAAAF,OAAA,CAAAE,mBAAA,GAAG,EAAE;AAC9B,MAAMC,oBAAoB,GAAAH,OAAA,CAAAG,oBAAA,GAAG,GAAG;AAChC,MAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAG,GAAG"}
+{"version":3,"file":"constants.js","names":["INITIAL_BARS","exports","X_LABEL_SIZE","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","ZOOM_CONTROL_HEIGHT"],"sources":["../../../../../src/OrderBookWidget/components/Chart/constants.ts"],"sourcesContent":["export const INITIAL_BARS = 80;\n\nexport const X_LABEL_SIZE = 40;\nexport const Y_LABEL_SIZE_MOBILE = 50;\nexport const Y_LABEL_SIZE_DESKTOP = 120;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT_DESKTOP = 450;\nexport const CHART_HEIGHT_MOBILE = 390;\nexport const ZOOM_CONTROL_HEIGHT = 40;\n"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AAEvB,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;AACvB,MAAMC,mBAAmB,GAAAF,OAAA,CAAAE,mBAAA,GAAG,EAAE;AAC9B,MAAMC,oBAAoB,GAAAH,OAAA,CAAAG,oBAAA,GAAG,GAAG;AAChC,MAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAG,IAAI;AACxB,MAAMC,oBAAoB,GAAAL,OAAA,CAAAK,oBAAA,GAAG,GAAG;AAChC,MAAMC,mBAAmB,GAAAN,OAAA,CAAAM,mBAAA,GAAG,GAAG;AAC/B,MAAMC,mBAAmB,GAAAP,OAAA,CAAAO,mBAAA,GAAG,EAAE"}

package/dist/main/OrderBookWidget/components/Chart/formatters.js

@@ -4,10 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tooltipFormatter = void 0;
-const tooltipFormatter = (data, precision, isOrderBook) => {
-  const priceText = "Price: ".concat(data[0].toFixed(precision));
-  const buyText = data[1] ? "<br />".concat(isOrderBook ? 'Buy' : 'Long positions', ": ").concat(data[1], "%") : '';
-  const sellText = data[2] ? "<br />".concat(isOrderBook ? 'Sell' : 'Short positions', ": ").concat(data[2] * -1, "%") : '';
+const tooltipFormatter = _ref => {
+  let {
+    data,
+    precision,
+    isOrderBook,
+    lang
+  } = _ref;
+  const priceText = "".concat(lang('price'), ": ").concat(data[0].toFixed(precision));
+  const buyText = data[1] ? "<br />".concat(lang(isOrderBook ? 'buy' : 'long_positions'), ": ").concat(data[1], "%") : '';
+  const sellText = data[2] ? "<br />".concat(lang(isOrderBook ? 'sell' : 'short_positions'), ": ").concat(data[2] * -1, "%") : '';
   return priceText + buyText + sellText;
 };
 exports.tooltipFormatter = tooltipFormatter;

package/dist/main/OrderBookWidget/components/Chart/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":["tooltipFormatter","data","precision","isOrderBook","priceText","concat","toFixed","buyText","sellText","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/formatters.ts"],"sourcesContent":["import { TooltipFormatterType } from './types';\n\nconst tooltipFormatter: TooltipFormatterType = (data, precision, isOrderBook) => {\n  const priceText = `Price: ${data[0].toFixed(precision)}`;\n  const buyText = data[1] ? `<br />${isOrderBook ? 'Buy' : 'Long positions'}: ${data[1]}%` : '';\n  const sellText = data[2] ? `<br />${isOrderBook ? 'Sell' : 'Short positions'}: ${data[2] * -1}%` : '';\n\n  return priceText + buyText + sellText;\n};\n\nexport { tooltipFormatter };\n"],"mappings":";;;;;;AAEA,MAAMA,gBAAsC,GAAGA,CAACC,IAAI,EAAEC,SAAS,EAAEC,WAAW,KAAK;EAC/E,MAAMC,SAAS,aAAAC,MAAA,CAAaJ,IAAI,CAAC,CAAC,CAAC,CAACK,OAAO,CAACJ,SAAS,CAAC,CAAE;EACxD,MAAMK,OAAO,GAAGN,IAAI,CAAC,CAAC,CAAC,YAAAI,MAAA,CAAYF,WAAW,GAAG,KAAK,GAAG,gBAAgB,QAAAE,MAAA,CAAKJ,IAAI,CAAC,CAAC,CAAC,SAAM,EAAE;EAC7F,MAAMO,QAAQ,GAAGP,IAAI,CAAC,CAAC,CAAC,YAAAI,MAAA,CAAYF,WAAW,GAAG,MAAM,GAAG,iBAAiB,QAAAE,MAAA,CAAKJ,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAM,EAAE;EAErG,OAAOG,SAAS,GAAGG,OAAO,GAAGC,QAAQ;AACvC,CAAC;AAACC,OAAA,CAAAT,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"formatters.js","names":["tooltipFormatter","_ref","data","precision","isOrderBook","lang","priceText","concat","toFixed","buyText","sellText","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/formatters.ts"],"sourcesContent":["import { TooltipFormatterType } from './types';\n\nconst tooltipFormatter: TooltipFormatterType = ({\n  data, precision, isOrderBook, lang,\n}) => {\n  const priceText = `${lang('price')}: ${data[0].toFixed(precision)}`;\n  const buyText = data[1] ? `<br />${lang(isOrderBook ? 'buy' : 'long_positions')}: ${data[1]}%` : '';\n  const sellText = data[2] ? `<br />${lang(isOrderBook ? 'sell' : 'short_positions')}: ${data[2] * -1}%` : '';\n\n  return priceText + buyText + sellText;\n};\n\nexport { tooltipFormatter };\n"],"mappings":";;;;;;AAEA,MAAMA,gBAAsC,GAAGC,IAAA,IAEzC;EAAA,IAF0C;IAC9CC,IAAI;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAChC,CAAC,GAAAJ,IAAA;EACC,MAAMK,SAAS,MAAAC,MAAA,CAAMF,IAAI,CAAC,OAAO,CAAC,QAAAE,MAAA,CAAKL,IAAI,CAAC,CAAC,CAAC,CAACM,OAAO,CAACL,SAAS,CAAC,CAAE;EACnE,MAAMM,OAAO,GAAGP,IAAI,CAAC,CAAC,CAAC,YAAAK,MAAA,CAAYF,IAAI,CAACD,WAAW,GAAG,KAAK,GAAG,gBAAgB,CAAC,QAAAG,MAAA,CAAKL,IAAI,CAAC,CAAC,CAAC,SAAM,EAAE;EACnG,MAAMQ,QAAQ,GAAGR,IAAI,CAAC,CAAC,CAAC,YAAAK,MAAA,CAAYF,IAAI,CAACD,WAAW,GAAG,MAAM,GAAG,iBAAiB,CAAC,QAAAG,MAAA,CAAKL,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAM,EAAE;EAE3G,OAAOI,SAAS,GAAGG,OAAO,GAAGC,QAAQ;AACvC,CAAC;AAACC,OAAA,CAAAX,gBAAA,GAAAA,gBAAA"}