@oanda/labs-order-book-widget 1.0.86 → 1.0.88

package/CHANGELOG.md

@@ -3,6 +3,682 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+
+
+## 1.0.82 (2024-02-05)
+
+
+
+## 1.0.81 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 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.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+
+
+## 1.0.82 (2024-02-05)
+
+
+
+## 1.0.81 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 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.86 (2024-02-20)
 
 

package/dist/main/OrderBookWidget/ChartWithData.js

@@ -34,7 +34,8 @@ const ChartWithData = _ref => {
       instrument,
       bookType,
       recentHours: 1
-    }
+    },
+    fetchPolicy: 'network-only'
   });
   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", {

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireWildcard","require","_client","_classnames","_interopRequireDefault","_labsWidgetCommon","_getOrderPositionBooks","_graphql","_Chart","_config","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ChartWithData","_ref","_data$orderPositionBo","instrument","bookType","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getOrderPositionBooks","variables","recentHours","isError","orderPositionBooks","price","createElement","className","classnames","ChartError","Spinner","SpinnerSize","lg","Chart","isOrderBook","BookType","Order","precision","instrumentPrecisionConfig","exports"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n  ChartError, Size, Spinner, SpinnerSize, ThemeContext,\n} 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 { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\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      {!isError && 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":"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"}
+{"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireWildcard","require","_client","_classnames","_interopRequireDefault","_labsWidgetCommon","_getOrderPositionBooks","_graphql","_Chart","_config","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ChartWithData","_ref","_data$orderPositionBo","instrument","bookType","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getOrderPositionBooks","variables","recentHours","fetchPolicy","isError","orderPositionBooks","price","createElement","className","classnames","ChartError","Spinner","SpinnerSize","lg","Chart","isOrderBook","BookType","Order","precision","instrumentPrecisionConfig","exports"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n  ChartError, Size, Spinner, SpinnerSize, ThemeContext,\n} 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 { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n\n  const { loading, data, error } = useQuery<\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables\n  >(getOrderPositionBooks, {\n    variables: {\n      instrument,\n      bookType,\n      recentHours: 1,\n    },\n    fetchPolicy: 'network-only',\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      {!isError && 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":"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"}

package/dist/main/OrderBookWidget/Main.js

@@ -26,7 +26,7 @@ const Main = _ref => {
   } = (0, _monoI18n.useLocale)();
   return _react.default.createElement(_react.default.Fragment, null, size && _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"
+    className: "lw-text-sm lw-tracking-normal lw-text-black"
   }, _react.default.createElement(_labsWidgetCommon.Tabs, {
     activeTab: bookType,
     handleClick: e => setBookType(e.currentTarget.value),

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

@@ -1 +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","size","useContext","ThemeContext","bookType","setBookType","useState","BookType","Order","toolInstrument","setToolInstrument","instrumentSelectConfig","lang","useLocale","createElement","Fragment","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, useContext } from 'react';\nimport { Select, Tabs, ThemeContext } 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 { size } = useContext(ThemeContext);\n  const [bookType, setBookType] = useState(BookType.Order);\n  const [toolInstrument, setToolInstrument] = useState(instrumentSelectConfig[0]);\n  const { lang } = useLocale();\n\n  return (\n    <>\n      {size && (\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('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  );\n};\n\nexport { Main };\n"],"mappings":"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"}
+{"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","size","useContext","ThemeContext","bookType","setBookType","useState","BookType","Order","toolInstrument","setToolInstrument","instrumentSelectConfig","lang","useLocale","createElement","Fragment","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, useContext } from 'react';\nimport { Select, Tabs, ThemeContext } 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 { size } = useContext(ThemeContext);\n  const [bookType, setBookType] = useState(BookType.Order);\n  const [toolInstrument, setToolInstrument] = useState(instrumentSelectConfig[0]);\n  const { lang } = useLocale();\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"order-book-widget\" className=\"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('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  );\n};\n\nexport { Main };\n"],"mappings":"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"}

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

@@ -184,6 +184,7 @@ const getOption = _ref2 => {
       type: 'value',
       min: range * -1.05,
       max: range * 1.05,
+      splitNumber: 5,
       axisTick: {
         show: false
       },
@@ -191,7 +192,7 @@ const getOption = _ref2 => {
         show: false
       },
       axisLabel: {
-        padding: [7, 0, 0, 0],
+        padding: [7, 16, 0, 16],
         showMinLabel: false,
         showMaxLabel: false,
         formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%")
@@ -207,6 +208,8 @@ const getOption = _ref2 => {
         show: false
       },
       axisLabel: {
+        overflow: 'truncate',
+        width: (isDesktop ? _constants.Y_LABEL_SIZE_DESKTOP : _constants.Y_LABEL_SIZE_MOBILE) - 10,
         margin: isDesktop ? 10 : 0,
         showMaxLabel: false,
         showMinLabel: false,
@@ -303,6 +306,8 @@ const getOption = _ref2 => {
           width: 1
         },
         label: {
+          overflow: 'truncate',
+          width: isDesktop ? undefined : _constants.Y_LABEL_SIZE_MOBILE,
           padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],
           color: isDark ? _labsWidgetCommon.colorPalette.black : _labsWidgetCommon.colorPalette.white,
           backgroundColor: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.bottleGreenDark

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","xLabelsSize","X_LABEL_SIZE","ZOOM_CONTROL_HEIGHT","yLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","bottomLeftBox","marginBottom","grid","name","top","left","right","concat","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","colorPalette","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","exports","getOption","_ref2","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","INITIAL_BARS","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","getZoomControls","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","tooltipFormatter","extraCssText","xAxis","axisTick","show","axisLine","showMinLabel","showMaxLabel","value","position","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolRotate","symbolSize","lineStyle","bottleGreenDark","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';\nimport {\n  INITIAL_BARS,\n  CHART_WIDTH,\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { GetOptionType, GetResponsiveOptionsProps } from './types';\nimport { tooltipFormatter } from './formatters';\n\nexport const getResponsiveOption = (\n  {\n    isDark, isOrderBook, isDesktop, lang,\n  }\n  : GetResponsiveOptionsProps,\n) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data, precision, isDark, isOrderBook, isDesktop, lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  const zoomInitialStartValue = price - (bucketWidth * INITIAL_BARS * 0.5);\n  const zoomInitialEndValue = price + (bucketWidth * INITIAL_BARS * 0.5);\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return (\n    {\n      animation: false,\n      color: [\n        colorPalette.bottleGreenLight,\n        isDark ? colorPalette.orange : colorPalette.raspberryDark,\n      ],\n      title: {\n        text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n        padding: 20,\n        textStyle: {\n          fontSize: 14,\n        },\n      },\n      toolbox: {\n        feature: getZoomControls({\n          resetStartValue: zoomInitialStartValue,\n          resetEndValue: zoomInitialEndValue,\n        }),\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          realtime: true,\n          startValue: zoomInitialStartValue,\n          endValue: zoomInitialEndValue,\n\n          yAxisIndex: 0,\n          minValueSpan: 10 * bucketWidth,\n        },\n      ],\n      tooltip: {\n        trigger: 'axis',\n        axisPointer: {\n          axis: 'y',\n        },\n        formatter: (val) => tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n        extraCssText: 'z-index: 1',\n      },\n      grid: [\n        {\n          name: 'main-grid',\n          top: '48px',\n          left: '0px',\n          right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n          bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n        },\n      ],\n      xAxis: {\n        type: 'value',\n        min: range * -1.05,\n        max: range * 1.05,\n        axisTick: { show: false },\n        axisLine: { show: false },\n        axisLabel: {\n          padding: [7, 0, 0, 0],\n          showMinLabel: false,\n          showMaxLabel: false,\n          formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n        },\n      },\n      yAxis: {\n        type: 'value',\n        position: 'right',\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          margin: isDesktop ? 10 : 0,\n          showMaxLabel: false,\n          showMinLabel: false,\n          padding: [0, 0, 0, 10],\n          formatter: (value) => value.toFixed(bucketPrecision),\n        },\n      },\n      dataset: {\n        source: dataset,\n      },\n      series: [\n        {\n          type: 'custom',\n          name: 'sell-short',\n          id: 'sell-short',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 1,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(1), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] + 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: colorPalette.bottleGreenLight,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'buy-long',\n          id: 'buy-long',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 2,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(2), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] - 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'current-price',\n          id: 'current-price',\n          markLine: {\n            animation: false,\n            silent: true,\n            precision,\n            symbol: ['none', 'triangle'],\n            symbolRotate: 90,\n            symbolSize: [20, 10],\n            lineStyle: {\n              color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n              width: 1,\n            },\n            label: {\n              padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n              color: isDark ? colorPalette.black : colorPalette.white,\n              backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            },\n            data: [\n              {\n                yAxis: price,\n              },\n            ],\n          },\n          renderItem: () => null,\n        },\n      ],\n    }\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAWA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,mBAAmB,GAAGC,IAAA,IAK9B;EAAA,IAJH;IACEC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAER,CAAC,GAAAJ,IAAA;EAE3B,MAAMK,gBAAgB,GAAG,IAAAC,8BAAY,EAAC;IACpCL,MAAM;IACNM,UAAU,EAAEC,sBAAW;IACvBC,WAAW,EAAEN,SAAS,GAAGO,+BAAoB,GAAGC,8BAAmB;IACnEC,WAAW,EAAET,SAAS,GAAGU,uBAAY,GAAGA,uBAAY,GAAGC,8BAAmB;IAC1EC,UAAU,EAAEZ,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB;IAClEC,aAAa,EAAEf,SAAS;IACxBgB,YAAY,EAAEhB,SAAS,GAAG,CAAC,GAAGW;EAChC,CAAC,CAAC;EAEF,OAAO;IACLM,IAAI,EAAE,CACJ;MACEC,IAAI,EAAE,WAAW;MACjBC,GAAG,EAAE,MAAM;MACXC,IAAI,EAAE,KAAK;MACXC,KAAK,KAAAC,MAAA,CAAKtB,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB,OAAI;MACpES,MAAM,KAAAD,MAAA,CAAKtB,SAAS,GAAGU,uBAAY,GAAGA,uBAAY,GAAGC,8BAAmB;IAC1E,CAAC,CACF;IACDa,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,MAAM,EAAE1B,SAAS,GAAG,EAAE,GAAG;MAC3B;IACF,CAAC;IACD2B,MAAM,EAAE,CACN;MACEC,IAAI,EAAE,QAAQ;MACdV,IAAI,EAAE,eAAe;MACrBW,EAAE,EAAE,eAAe;MACnBC,QAAQ,EAAE;QACRC,KAAK,EAAE;UACLC,OAAO,EAAEhC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;QACpD;MACF;IACF,CAAC,CACF;IACDiC,OAAO,EAAE,CACP,GAAG/B,gBAAgB,EACnB;MACE0B,IAAI,EAAE,OAAO;MACbR,IAAI,EAAE,KAAK;MACXD,GAAG,EAAE,MAAM;MACXe,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,CACR;QACEP,IAAI,EAAE,MAAM;QACZQ,CAAC,EAAE,GAAG;QACNhB,IAAI,EAAE,QAAQ;QACdD,GAAG,EAAE,QAAQ;QACbkB,KAAK,EAAE;UACLC,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAC;QACDC,KAAK,EAAE;UACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAACC,QAAQ,GAAGD,8BAAY,CAACE,KAAK;UACzDC,UAAU,EAAE,CAAC;UACbC,aAAa,EAAE,CAAC;UAChBC,aAAa,EAAE,CAAC;UAChBC,WAAW,EAAE;QACf;MACF,CAAC,EACD;QACEpB,IAAI,EAAE,MAAM;QACZQ,CAAC,EAAE,GAAG;QACNhB,IAAI,EAAE,QAAQ;QACdD,GAAG,EAAE,QAAQ;QACbqB,KAAK,EAAE;UACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAACE,KAAK,GAAGF,8BAAY,CAACO,KAAK;UACtDX,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UACVW,IAAI,EAAEjD,IAAI,CAACF,WAAW,GAAG,MAAM,GAAG,OAAO;QAC3C;MACF,CAAC;IAEL,CAAC,EACD;MACE6B,IAAI,EAAE,OAAO;MACbP,KAAK,KAAAC,MAAA,CAAK,CAACtB,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB,IAAI,CAAC,QAAK;MAC3EK,GAAG,EAAE,MAAM;MACXe,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,CACR;QACEP,IAAI,EAAE,MAAM;QACZQ,CAAC,EAAE,GAAG;QACNf,KAAK,EAAE,QAAQ;QACfF,GAAG,EAAE,QAAQ;QACbkB,KAAK,EAAE;UACLC,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAC;QACDC,KAAK,EAAE;UACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAACC,QAAQ,GAAGD,8BAAY,CAACE,KAAK;UACzDC,UAAU,EAAE,CAAC;UACbC,aAAa,EAAE,CAAC;UAChBC,aAAa,EAAE,CAAC;UAChBC,WAAW,EAAE;QACf;MACF,CAAC,EACD;QACEpB,IAAI,EAAE,MAAM;QACZQ,CAAC,EAAE,GAAG;QACNf,KAAK,EAAE,QAAQ;QACfF,GAAG,EAAE,QAAQ;QACbqB,KAAK,EAAE;UACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAACE,KAAK,GAAGF,8BAAY,CAACO,KAAK;UACtDX,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UACVW,IAAI,EAAEjD,IAAI,CAACF,WAAW,GAAG,KAAK,GAAG,MAAM;QACzC;MACF,CAAC;IAEL,CAAC;EAEL,CAAC;AACH,CAAC;AAACoD,OAAA,CAAAvD,mBAAA,GAAAA,mBAAA;AAEK,MAAMwD,SAAwB,GAAGC,KAAA,IAElC;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAAA,IAFmC;IACvCC,IAAI;IAAEC,SAAS;IAAE5D,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EACnD,CAAC,GAAAoD,KAAA;EACC,MAAMM,OAAO,GAAG,EAAAL,qBAAA,GAAAG,IAAI,CAACG,kBAAkB,CAAC,CAAC,CAAC,cAAAN,qBAAA,uBAA1BA,qBAAA,CAA4BK,OAAO,KAAI,EAAE;EACzD,MAAME,WAAW,IAAAN,sBAAA,GAAGE,IAAI,CAACG,kBAAkB,CAAC,CAAC,CAAC,cAAAL,sBAAA,uBAA1BA,sBAAA,CAA4BM,WAAY;EAC5D,MAAMC,KAAK,IAAAN,sBAAA,GAAGC,IAAI,CAACG,kBAAkB,CAAC,CAAC,CAAC,cAAAJ,sBAAA,uBAA1BA,sBAAA,CAA4BM,KAAM;EAChD,MAAMC,eAAe,GAAGF,WAAW,CAACG,QAAQ,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,IAAI,CAAC;EAExE,MAAMC,OAAO,GAAGR,OAAO,CAACS,GAAG,CAAEC,IAAI,IAAM,CACrCA,IAAI,CAAEP,KAAK,EACXQ,MAAM,CAACD,IAAI,CAAEE,gBAAgB,CAAC,EAC9BD,MAAM,CAACD,IAAI,CAAEG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CACpC,CAAC;EAEH,MAAMC,qBAAqB,GAAGX,KAAK,GAAID,WAAW,GAAGa,uBAAY,GAAG,GAAI;EACxE,MAAMC,mBAAmB,GAAGb,KAAK,GAAID,WAAW,GAAGa,uBAAY,GAAG,GAAI;EAEtE,MAAME,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,GAAGT,OAAO,CAACC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;EACvD,MAAMS,GAAG,GAAGD,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,GAAGX,OAAO,CAACC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEjE,MAAMW,KAAK,GAAGJ,GAAG,GAAGE,GAAG,GAAGF,GAAG,GAAGE,GAAG;EAEnC,OACE;IACEG,SAAS,EAAE,KAAK;IAChBC,KAAK,EAAE,CACLxC,8BAAY,CAACyC,gBAAgB,EAC7BrF,MAAM,GAAG4C,8BAAY,CAAC0C,MAAM,GAAG1C,8BAAY,CAAC2C,aAAa,CAC1D;IACDC,KAAK,EAAE;MACLpC,IAAI,EAAEjD,IAAI,CAACF,WAAW,GAAG,aAAa,GAAG,gBAAgB,CAAC,CAACwF,WAAW,CAAC,CAAC;MACxEvD,OAAO,EAAE,EAAE;MACXwD,SAAS,EAAE;QACTC,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,IAAAC,iCAAe,EAAC;QACvBC,eAAe,EAAEpB,qBAAqB;QACtCqB,aAAa,EAAEnB;MACjB,CAAC;IACH,CAAC;IACDoB,QAAQ,EAAE,CACR;MACEnE,IAAI,EAAE,QAAQ;MACdoE,QAAQ,EAAE,IAAI;MACdC,UAAU,EAAExB,qBAAqB;MACjCyB,QAAQ,EAAEvB,mBAAmB;MAE7BwB,UAAU,EAAE,CAAC;MACbC,YAAY,EAAE,EAAE,GAAGvC;IACrB,CAAC,CACF;IACDwC,OAAO,EAAE;MACPC,OAAO,EAAE,MAAM;MACfC,WAAW,EAAE;QACXC,IAAI,EAAE;MACR,CAAC;MACDC,SAAS,EAAGC,GAAG,IAAK,IAAAC,4BAAgB,EAAC;QACnClD,IAAI,EAAGiD,GAAG,CAA0B,CAAC,CAAC,CAACjD,IAAI;QAC3CC,SAAS,EAAEK,eAAe;QAC1BhE,WAAW;QACXE;MACF,CAAC,CAAC;MACF2G,YAAY,EAAE;IAChB,CAAC;IACD3F,IAAI,EAAE,CACJ;MACEC,IAAI,EAAE,WAAW;MACjBC,GAAG,EAAE,MAAM;MACXC,IAAI,EAAE,KAAK;MACXC,KAAK,KAAAC,MAAA,CAAKtB,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB,OAAI;MACpES,MAAM,KAAAD,MAAA,CAAKtB,SAAS,GAAGU,uBAAY,GAAGA,uBAAY,GAAGC,8BAAmB;IAC1E,CAAC,CACF;IACDkG,KAAK,EAAE;MACLjF,IAAI,EAAE,OAAO;MACbkD,GAAG,EAAEE,KAAK,GAAG,CAAC,IAAI;MAClBJ,GAAG,EAAEI,KAAK,GAAG,IAAI;MACjB8B,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,QAAQ,EAAE;QAAED,IAAI,EAAE;MAAM,CAAC;MACzBtF,SAAS,EAAE;QACTO,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACrBiF,YAAY,EAAE,KAAK;QACnBC,YAAY,EAAE,KAAK;QACnBT,SAAS,EAAGU,KAAK,IAAMA,KAAK,KAAK,CAAC,GAAG,GAAG,MAAA7F,MAAA,CAAMuD,IAAI,CAACE,GAAG,CAACoC,KAAK,CAAC;MAC/D;IACF,CAAC;IACD3F,KAAK,EAAE;MACLI,IAAI,EAAE,OAAO;MACbwF,QAAQ,EAAE,OAAO;MACjBJ,QAAQ,EAAE;QAAED,IAAI,EAAE;MAAM,CAAC;MACzBD,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBtF,SAAS,EAAE;QACTC,MAAM,EAAE1B,SAAS,GAAG,EAAE,GAAG,CAAC;QAC1BkH,YAAY,EAAE,KAAK;QACnBD,YAAY,EAAE,KAAK;QACnBjF,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACtByE,SAAS,EAAGU,KAAK,IAAKA,KAAK,CAACE,OAAO,CAACtD,eAAe;MACrD;IACF,CAAC;IACDI,OAAO,EAAE;MACPmD,MAAM,EAAEnD;IACV,CAAC;IACDxC,MAAM,EAAE,CACN;MACEC,IAAI,EAAE,QAAQ;MACdV,IAAI,EAAE,YAAY;MAClBW,EAAE,EAAE,YAAY;MAChB0F,IAAI,EAAE,IAAI;MACVC,MAAM,EAAE;QACNC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJrB,OAAO,EAAE;MACX,CAAC;MACDsB,UAAU,EAAEA,CAACC,MAAM,EAAEC,GAAG,KAAK;QAC3B,MAAMC,MAAM,GAAGD,GAAG,CAACV,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAMY,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,CAACH,GAAG,CAACV,KAAK,CAAC,CAAC,CAAC,EAAEW,MAAM,CAAC,CAAC;QAChD,MAAMG,IAAI,GAAGJ,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC,CAAC;QACnC,MAAMI,iBAAiB,GAAGL,GAAG,CAACM,IAAI,GAAIN,GAAG,CAACM,IAAI,CAAC,CAAC,CAAC,EAAEtE,WAAW,CAAC,CAAC,CAAc,CAAC,CAAC,GAAG,CAAC;QACpF,MAAMtB,MAAM,GAAG2F,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,GAAG,GAAGA,iBAAiB;QAElF,MAAME,SAAS,GAAG;UAChBX,CAAC,EAAEM,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;UAClBL,CAAC,EAAEK,MAAM,CAAC,CAAC,CAAC,GAAGxF,MAAM,GAAG,CAAC;UACzBD,KAAK,EAAE2F,IAAI,CAAC,CAAC,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC;UAC1BxF;QACF,CAAC;QAED,OAAO;UACLX,IAAI,EAAE,MAAM;UACZS,KAAK,EAAE+F,SAAS;UAChBC,QAAQ,EAAE;YACR7F,KAAK,EAAE;cACLC,IAAI,EAAEC,8BAAY,CAACyC;YACrB;UACF,CAAC;UACD3C,KAAK,EAAE;YACLC,IAAI,EAAEoF,GAAG,CAACS,MAAM,CAAC,OAAO;UAC1B;QACF,CAAC;MACH;IACF,CAAC,EACD;MACE1G,IAAI,EAAE,QAAQ;MACdV,IAAI,EAAE,UAAU;MAChBW,EAAE,EAAE,UAAU;MACd0F,IAAI,EAAE,IAAI;MACVC,MAAM,EAAE;QACNC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJrB,OAAO,EAAE;MACX,CAAC;MACDsB,UAAU,EAAEA,CAACC,MAAM,EAAEC,GAAG,KAAK;QAC3B,MAAMC,MAAM,GAAGD,GAAG,CAACV,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAMY,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,CAACH,GAAG,CAACV,KAAK,CAAC,CAAC,CAAC,EAAEW,MAAM,CAAC,CAAC;QAChD,MAAMG,IAAI,GAAGJ,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC,CAAC;QACnC,MAAMI,iBAAiB,GAAGL,GAAG,CAACM,IAAI,GAAIN,GAAG,CAACM,IAAI,CAAC,CAAC,CAAC,EAAEtE,WAAW,CAAC,CAAC,CAAc,CAAC,CAAC,GAAG,CAAC;QACpF,MAAMtB,MAAM,GAAG2F,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,GAAG,GAAGA,iBAAiB;QAElF,MAAME,SAAS,GAAG;UAChBX,CAAC,EAAEM,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;UAClBL,CAAC,EAAEK,MAAM,CAAC,CAAC,CAAC,GAAGxF,MAAM,GAAG,CAAC;UACzBD,KAAK,EAAE2F,IAAI,CAAC,CAAC,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC;UAC1BxF;QACF,CAAC;QAED,OAAO;UACLX,IAAI,EAAE,MAAM;UACZS,KAAK,EAAE+F,SAAS;UAChBC,QAAQ,EAAE;YACR7F,KAAK,EAAE;cACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAAC0C,MAAM,GAAG1C,8BAAY,CAAC2C;YACpD;UACF,CAAC;UACD7C,KAAK,EAAE;YACLC,IAAI,EAAEoF,GAAG,CAACS,MAAM,CAAC,OAAO;UAC1B;QACF,CAAC;MACH;IACF,CAAC,EACD;MACE1G,IAAI,EAAE,QAAQ;MACdV,IAAI,EAAE,eAAe;MACrBW,EAAE,EAAE,eAAe;MACnBC,QAAQ,EAAE;QACRmD,SAAS,EAAE,KAAK;QAChB/C,MAAM,EAAE,IAAI;QACZwB,SAAS;QACT6E,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;QAC5BC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;QACpBC,SAAS,EAAE;UACTxD,KAAK,EAAEpF,MAAM,GAAG4C,8BAAY,CAAC0C,MAAM,GAAG1C,8BAAY,CAACiG,eAAe;UAClErG,KAAK,EAAE;QACT,CAAC;QACDP,KAAK,EAAE;UACLC,OAAO,EAAEhC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;UACnDkF,KAAK,EAAEpF,MAAM,GAAG4C,8BAAY,CAACO,KAAK,GAAGP,8BAAY,CAACE,KAAK;UACvDgG,eAAe,EAAE9I,MAAM,GAAG4C,8BAAY,CAAC0C,MAAM,GAAG1C,8BAAY,CAACiG;QAC/D,CAAC;QACDlF,IAAI,EAAE,CACJ;UACEjC,KAAK,EAAEsC;QACT,CAAC;MAEL,CAAC;MACD6D,UAAU,EAAEA,CAAA,KAAM;IACpB,CAAC;EAEL,CAAC;AAEL,CAAC;AAACxE,OAAA,CAAAC,SAAA,GAAAA,SAAA"}
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","xLabelsSize","X_LABEL_SIZE","ZOOM_CONTROL_HEIGHT","yLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","bottomLeftBox","marginBottom","grid","name","top","left","right","concat","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","colorPalette","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","exports","getOption","_ref2","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","INITIAL_BARS","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","getZoomControls","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","tooltipFormatter","extraCssText","xAxis","splitNumber","axisTick","show","axisLine","showMinLabel","showMaxLabel","value","position","overflow","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolRotate","symbolSize","lineStyle","bottleGreenDark","undefined","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';\nimport {\n  INITIAL_BARS,\n  CHART_WIDTH,\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { GetOptionType, GetResponsiveOptionsProps } from './types';\nimport { tooltipFormatter } from './formatters';\n\nexport const getResponsiveOption = (\n  {\n    isDark, isOrderBook, isDesktop, lang,\n  }\n  : GetResponsiveOptionsProps,\n) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data, precision, isDark, isOrderBook, isDesktop, lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  const zoomInitialStartValue = price - (bucketWidth * INITIAL_BARS * 0.5);\n  const zoomInitialEndValue = price + (bucketWidth * INITIAL_BARS * 0.5);\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return (\n    {\n      animation: false,\n      color: [\n        colorPalette.bottleGreenLight,\n        isDark ? colorPalette.orange : colorPalette.raspberryDark,\n      ],\n      title: {\n        text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n        padding: 20,\n        textStyle: {\n          fontSize: 14,\n        },\n      },\n      toolbox: {\n        feature: getZoomControls({\n          resetStartValue: zoomInitialStartValue,\n          resetEndValue: zoomInitialEndValue,\n        }),\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          realtime: true,\n          startValue: zoomInitialStartValue,\n          endValue: zoomInitialEndValue,\n\n          yAxisIndex: 0,\n          minValueSpan: 10 * bucketWidth,\n        },\n      ],\n      tooltip: {\n        trigger: 'axis',\n        axisPointer: {\n          axis: 'y',\n        },\n        formatter: (val) => tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n        extraCssText: 'z-index: 1',\n      },\n      grid: [\n        {\n          name: 'main-grid',\n          top: '48px',\n          left: '0px',\n          right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n          bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n        },\n      ],\n      xAxis: {\n        type: 'value',\n        min: range * -1.05,\n        max: range * 1.05,\n        splitNumber: 5,\n        axisTick: { show: false },\n        axisLine: { show: false },\n        axisLabel: {\n          padding: [7, 16, 0, 16],\n          showMinLabel: false,\n          showMaxLabel: false,\n          formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n        },\n      },\n      yAxis: {\n        type: 'value',\n        position: 'right',\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          overflow: 'truncate',\n          width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,\n          margin: isDesktop ? 10 : 0,\n          showMaxLabel: false,\n          showMinLabel: false,\n          padding: [0, 0, 0, 10],\n          formatter: (value) => value.toFixed(bucketPrecision),\n        },\n      },\n      dataset: {\n        source: dataset,\n      },\n      series: [\n        {\n          type: 'custom',\n          name: 'sell-short',\n          id: 'sell-short',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 1,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(1), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] + 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: colorPalette.bottleGreenLight,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'buy-long',\n          id: 'buy-long',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 2,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(2), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] - 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'current-price',\n          id: 'current-price',\n          markLine: {\n            animation: false,\n            silent: true,\n            precision,\n            symbol: ['none', 'triangle'],\n            symbolRotate: 90,\n            symbolSize: [20, 10],\n            lineStyle: {\n              color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n              width: 1,\n            },\n            label: {\n              overflow: 'truncate',\n              width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,\n              padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n              color: isDark ? colorPalette.black : colorPalette.white,\n              backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            },\n            data: [\n              {\n                yAxis: price,\n              },\n            ],\n          },\n          renderItem: () => null,\n        },\n      ],\n    }\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAWA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,mBAAmB,GAAGC,IAAA,IAK9B;EAAA,IAJH;IACEC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAER,CAAC,GAAAJ,IAAA;EAE3B,MAAMK,gBAAgB,GAAG,IAAAC,8BAAY,EAAC;IACpCL,MAAM;IACNM,UAAU,EAAEC,sBAAW;IACvBC,WAAW,EAAEN,SAAS,GAAGO,+BAAoB,GAAGC,8BAAmB;IACnEC,WAAW,EAAET,SAAS,GAAGU,uBAAY,GAAGA,uBAAY,GAAGC,8BAAmB;IAC1EC,UAAU,EAAEZ,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB;IAClEC,aAAa,EAAEf,SAAS;IACxBgB,YAAY,EAAEhB,SAAS,GAAG,CAAC,GAAGW;EAChC,CAAC,CAAC;EAEF,OAAO;IACLM,IAAI,EAAE,CACJ;MACEC,IAAI,EAAE,WAAW;MACjBC,GAAG,EAAE,MAAM;MACXC,IAAI,EAAE,KAAK;MACXC,KAAK,KAAAC,MAAA,CAAKtB,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB,OAAI;MACpES,MAAM,KAAAD,MAAA,CAAKtB,SAAS,GAAGU,uBAAY,GAAGA,uBAAY,GAAGC,8BAAmB;IAC1E,CAAC,CACF;IACDa,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,MAAM,EAAE1B,SAAS,GAAG,EAAE,GAAG;MAC3B;IACF,CAAC;IACD2B,MAAM,EAAE,CACN;MACEC,IAAI,EAAE,QAAQ;MACdV,IAAI,EAAE,eAAe;MACrBW,EAAE,EAAE,eAAe;MACnBC,QAAQ,EAAE;QACRC,KAAK,EAAE;UACLC,OAAO,EAAEhC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;QACpD;MACF;IACF,CAAC,CACF;IACDiC,OAAO,EAAE,CACP,GAAG/B,gBAAgB,EACnB;MACE0B,IAAI,EAAE,OAAO;MACbR,IAAI,EAAE,KAAK;MACXD,GAAG,EAAE,MAAM;MACXe,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,CACR;QACEP,IAAI,EAAE,MAAM;QACZQ,CAAC,EAAE,GAAG;QACNhB,IAAI,EAAE,QAAQ;QACdD,GAAG,EAAE,QAAQ;QACbkB,KAAK,EAAE;UACLC,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAC;QACDC,KAAK,EAAE;UACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAACC,QAAQ,GAAGD,8BAAY,CAACE,KAAK;UACzDC,UAAU,EAAE,CAAC;UACbC,aAAa,EAAE,CAAC;UAChBC,aAAa,EAAE,CAAC;UAChBC,WAAW,EAAE;QACf;MACF,CAAC,EACD;QACEpB,IAAI,EAAE,MAAM;QACZQ,CAAC,EAAE,GAAG;QACNhB,IAAI,EAAE,QAAQ;QACdD,GAAG,EAAE,QAAQ;QACbqB,KAAK,EAAE;UACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAACE,KAAK,GAAGF,8BAAY,CAACO,KAAK;UACtDX,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UACVW,IAAI,EAAEjD,IAAI,CAACF,WAAW,GAAG,MAAM,GAAG,OAAO;QAC3C;MACF,CAAC;IAEL,CAAC,EACD;MACE6B,IAAI,EAAE,OAAO;MACbP,KAAK,KAAAC,MAAA,CAAK,CAACtB,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB,IAAI,CAAC,QAAK;MAC3EK,GAAG,EAAE,MAAM;MACXe,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,CACR;QACEP,IAAI,EAAE,MAAM;QACZQ,CAAC,EAAE,GAAG;QACNf,KAAK,EAAE,QAAQ;QACfF,GAAG,EAAE,QAAQ;QACbkB,KAAK,EAAE;UACLC,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAC;QACDC,KAAK,EAAE;UACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAACC,QAAQ,GAAGD,8BAAY,CAACE,KAAK;UACzDC,UAAU,EAAE,CAAC;UACbC,aAAa,EAAE,CAAC;UAChBC,aAAa,EAAE,CAAC;UAChBC,WAAW,EAAE;QACf;MACF,CAAC,EACD;QACEpB,IAAI,EAAE,MAAM;QACZQ,CAAC,EAAE,GAAG;QACNf,KAAK,EAAE,QAAQ;QACfF,GAAG,EAAE,QAAQ;QACbqB,KAAK,EAAE;UACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAACE,KAAK,GAAGF,8BAAY,CAACO,KAAK;UACtDX,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UACVW,IAAI,EAAEjD,IAAI,CAACF,WAAW,GAAG,KAAK,GAAG,MAAM;QACzC;MACF,CAAC;IAEL,CAAC;EAEL,CAAC;AACH,CAAC;AAACoD,OAAA,CAAAvD,mBAAA,GAAAA,mBAAA;AAEK,MAAMwD,SAAwB,GAAGC,KAAA,IAElC;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAAA,IAFmC;IACvCC,IAAI;IAAEC,SAAS;IAAE5D,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EACnD,CAAC,GAAAoD,KAAA;EACC,MAAMM,OAAO,GAAG,EAAAL,qBAAA,GAAAG,IAAI,CAACG,kBAAkB,CAAC,CAAC,CAAC,cAAAN,qBAAA,uBAA1BA,qBAAA,CAA4BK,OAAO,KAAI,EAAE;EACzD,MAAME,WAAW,IAAAN,sBAAA,GAAGE,IAAI,CAACG,kBAAkB,CAAC,CAAC,CAAC,cAAAL,sBAAA,uBAA1BA,sBAAA,CAA4BM,WAAY;EAC5D,MAAMC,KAAK,IAAAN,sBAAA,GAAGC,IAAI,CAACG,kBAAkB,CAAC,CAAC,CAAC,cAAAJ,sBAAA,uBAA1BA,sBAAA,CAA4BM,KAAM;EAChD,MAAMC,eAAe,GAAGF,WAAW,CAACG,QAAQ,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,IAAI,CAAC;EAExE,MAAMC,OAAO,GAAGR,OAAO,CAACS,GAAG,CAAEC,IAAI,IAAM,CACrCA,IAAI,CAAEP,KAAK,EACXQ,MAAM,CAACD,IAAI,CAAEE,gBAAgB,CAAC,EAC9BD,MAAM,CAACD,IAAI,CAAEG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CACpC,CAAC;EAEH,MAAMC,qBAAqB,GAAGX,KAAK,GAAID,WAAW,GAAGa,uBAAY,GAAG,GAAI;EACxE,MAAMC,mBAAmB,GAAGb,KAAK,GAAID,WAAW,GAAGa,uBAAY,GAAG,GAAI;EAEtE,MAAME,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,GAAGT,OAAO,CAACC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;EACvD,MAAMS,GAAG,GAAGD,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,GAAGX,OAAO,CAACC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEjE,MAAMW,KAAK,GAAGJ,GAAG,GAAGE,GAAG,GAAGF,GAAG,GAAGE,GAAG;EAEnC,OACE;IACEG,SAAS,EAAE,KAAK;IAChBC,KAAK,EAAE,CACLxC,8BAAY,CAACyC,gBAAgB,EAC7BrF,MAAM,GAAG4C,8BAAY,CAAC0C,MAAM,GAAG1C,8BAAY,CAAC2C,aAAa,CAC1D;IACDC,KAAK,EAAE;MACLpC,IAAI,EAAEjD,IAAI,CAACF,WAAW,GAAG,aAAa,GAAG,gBAAgB,CAAC,CAACwF,WAAW,CAAC,CAAC;MACxEvD,OAAO,EAAE,EAAE;MACXwD,SAAS,EAAE;QACTC,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,IAAAC,iCAAe,EAAC;QACvBC,eAAe,EAAEpB,qBAAqB;QACtCqB,aAAa,EAAEnB;MACjB,CAAC;IACH,CAAC;IACDoB,QAAQ,EAAE,CACR;MACEnE,IAAI,EAAE,QAAQ;MACdoE,QAAQ,EAAE,IAAI;MACdC,UAAU,EAAExB,qBAAqB;MACjCyB,QAAQ,EAAEvB,mBAAmB;MAE7BwB,UAAU,EAAE,CAAC;MACbC,YAAY,EAAE,EAAE,GAAGvC;IACrB,CAAC,CACF;IACDwC,OAAO,EAAE;MACPC,OAAO,EAAE,MAAM;MACfC,WAAW,EAAE;QACXC,IAAI,EAAE;MACR,CAAC;MACDC,SAAS,EAAGC,GAAG,IAAK,IAAAC,4BAAgB,EAAC;QACnClD,IAAI,EAAGiD,GAAG,CAA0B,CAAC,CAAC,CAACjD,IAAI;QAC3CC,SAAS,EAAEK,eAAe;QAC1BhE,WAAW;QACXE;MACF,CAAC,CAAC;MACF2G,YAAY,EAAE;IAChB,CAAC;IACD3F,IAAI,EAAE,CACJ;MACEC,IAAI,EAAE,WAAW;MACjBC,GAAG,EAAE,MAAM;MACXC,IAAI,EAAE,KAAK;MACXC,KAAK,KAAAC,MAAA,CAAKtB,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB,OAAI;MACpES,MAAM,KAAAD,MAAA,CAAKtB,SAAS,GAAGU,uBAAY,GAAGA,uBAAY,GAAGC,8BAAmB;IAC1E,CAAC,CACF;IACDkG,KAAK,EAAE;MACLjF,IAAI,EAAE,OAAO;MACbkD,GAAG,EAAEE,KAAK,GAAG,CAAC,IAAI;MAClBJ,GAAG,EAAEI,KAAK,GAAG,IAAI;MACjB8B,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,QAAQ,EAAE;QAAED,IAAI,EAAE;MAAM,CAAC;MACzBvF,SAAS,EAAE;QACTO,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvBkF,YAAY,EAAE,KAAK;QACnBC,YAAY,EAAE,KAAK;QACnBV,SAAS,EAAGW,KAAK,IAAMA,KAAK,KAAK,CAAC,GAAG,GAAG,MAAA9F,MAAA,CAAMuD,IAAI,CAACE,GAAG,CAACqC,KAAK,CAAC;MAC/D;IACF,CAAC;IACD5F,KAAK,EAAE;MACLI,IAAI,EAAE,OAAO;MACbyF,QAAQ,EAAE,OAAO;MACjBJ,QAAQ,EAAE;QAAED,IAAI,EAAE;MAAM,CAAC;MACzBD,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBvF,SAAS,EAAE;QACT6F,QAAQ,EAAE,UAAU;QACpBhF,KAAK,EAAE,CAACtC,SAAS,GAAGa,+BAAoB,GAAGC,8BAAmB,IAAI,EAAE;QACpEY,MAAM,EAAE1B,SAAS,GAAG,EAAE,GAAG,CAAC;QAC1BmH,YAAY,EAAE,KAAK;QACnBD,YAAY,EAAE,KAAK;QACnBlF,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACtByE,SAAS,EAAGW,KAAK,IAAKA,KAAK,CAACG,OAAO,CAACxD,eAAe;MACrD;IACF,CAAC;IACDI,OAAO,EAAE;MACPqD,MAAM,EAAErD;IACV,CAAC;IACDxC,MAAM,EAAE,CACN;MACEC,IAAI,EAAE,QAAQ;MACdV,IAAI,EAAE,YAAY;MAClBW,EAAE,EAAE,YAAY;MAChB4F,IAAI,EAAE,IAAI;MACVC,MAAM,EAAE;QACNC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJvB,OAAO,EAAE;MACX,CAAC;MACDwB,UAAU,EAAEA,CAACC,MAAM,EAAEC,GAAG,KAAK;QAC3B,MAAMC,MAAM,GAAGD,GAAG,CAACX,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAMa,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,CAACH,GAAG,CAACX,KAAK,CAAC,CAAC,CAAC,EAAEY,MAAM,CAAC,CAAC;QAChD,MAAMG,IAAI,GAAGJ,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC,CAAC;QACnC,MAAMI,iBAAiB,GAAGL,GAAG,CAACM,IAAI,GAAIN,GAAG,CAACM,IAAI,CAAC,CAAC,CAAC,EAAExE,WAAW,CAAC,CAAC,CAAc,CAAC,CAAC,GAAG,CAAC;QACpF,MAAMtB,MAAM,GAAG6F,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,GAAG,GAAGA,iBAAiB;QAElF,MAAME,SAAS,GAAG;UAChBX,CAAC,EAAEM,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;UAClBL,CAAC,EAAEK,MAAM,CAAC,CAAC,CAAC,GAAG1F,MAAM,GAAG,CAAC;UACzBD,KAAK,EAAE6F,IAAI,CAAC,CAAC,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC;UAC1B1F;QACF,CAAC;QAED,OAAO;UACLX,IAAI,EAAE,MAAM;UACZS,KAAK,EAAEiG,SAAS;UAChBC,QAAQ,EAAE;YACR/F,KAAK,EAAE;cACLC,IAAI,EAAEC,8BAAY,CAACyC;YACrB;UACF,CAAC;UACD3C,KAAK,EAAE;YACLC,IAAI,EAAEsF,GAAG,CAACS,MAAM,CAAC,OAAO;UAC1B;QACF,CAAC;MACH;IACF,CAAC,EACD;MACE5G,IAAI,EAAE,QAAQ;MACdV,IAAI,EAAE,UAAU;MAChBW,EAAE,EAAE,UAAU;MACd4F,IAAI,EAAE,IAAI;MACVC,MAAM,EAAE;QACNC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJvB,OAAO,EAAE;MACX,CAAC;MACDwB,UAAU,EAAEA,CAACC,MAAM,EAAEC,GAAG,KAAK;QAC3B,MAAMC,MAAM,GAAGD,GAAG,CAACX,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAMa,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,CAACH,GAAG,CAACX,KAAK,CAAC,CAAC,CAAC,EAAEY,MAAM,CAAC,CAAC;QAChD,MAAMG,IAAI,GAAGJ,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC,CAAC;QACnC,MAAMI,iBAAiB,GAAGL,GAAG,CAACM,IAAI,GAAIN,GAAG,CAACM,IAAI,CAAC,CAAC,CAAC,EAAExE,WAAW,CAAC,CAAC,CAAc,CAAC,CAAC,GAAG,CAAC;QACpF,MAAMtB,MAAM,GAAG6F,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,GAAG,GAAGA,iBAAiB;QAElF,MAAME,SAAS,GAAG;UAChBX,CAAC,EAAEM,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;UAClBL,CAAC,EAAEK,MAAM,CAAC,CAAC,CAAC,GAAG1F,MAAM,GAAG,CAAC;UACzBD,KAAK,EAAE6F,IAAI,CAAC,CAAC,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC;UAC1B1F;QACF,CAAC;QAED,OAAO;UACLX,IAAI,EAAE,MAAM;UACZS,KAAK,EAAEiG,SAAS;UAChBC,QAAQ,EAAE;YACR/F,KAAK,EAAE;cACLC,IAAI,EAAE3C,MAAM,GAAG4C,8BAAY,CAAC0C,MAAM,GAAG1C,8BAAY,CAAC2C;YACpD;UACF,CAAC;UACD7C,KAAK,EAAE;YACLC,IAAI,EAAEsF,GAAG,CAACS,MAAM,CAAC,OAAO;UAC1B;QACF,CAAC;MACH;IACF,CAAC,EACD;MACE5G,IAAI,EAAE,QAAQ;MACdV,IAAI,EAAE,eAAe;MACrBW,EAAE,EAAE,eAAe;MACnBC,QAAQ,EAAE;QACRmD,SAAS,EAAE,KAAK;QAChB/C,MAAM,EAAE,IAAI;QACZwB,SAAS;QACT+E,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;QAC5BC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;QACpBC,SAAS,EAAE;UACT1D,KAAK,EAAEpF,MAAM,GAAG4C,8BAAY,CAAC0C,MAAM,GAAG1C,8BAAY,CAACmG,eAAe;UAClEvG,KAAK,EAAE;QACT,CAAC;QACDP,KAAK,EAAE;UACLuF,QAAQ,EAAE,UAAU;UACpBhF,KAAK,EAAEtC,SAAS,GAAG8I,SAAS,GAAGhI,8BAAmB;UAClDkB,OAAO,EAAEhC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;UACnDkF,KAAK,EAAEpF,MAAM,GAAG4C,8BAAY,CAACO,KAAK,GAAGP,8BAAY,CAACE,KAAK;UACvDmG,eAAe,EAAEjJ,MAAM,GAAG4C,8BAAY,CAAC0C,MAAM,GAAG1C,8BAAY,CAACmG;QAC/D,CAAC;QACDpF,IAAI,EAAE,CACJ;UACEjC,KAAK,EAAEsC;QACT,CAAC;MAEL,CAAC;MACD+D,UAAU,EAAEA,CAAA,KAAM;IACpB,CAAC;EAEL,CAAC;AAEL,CAAC;AAAC1E,OAAA,CAAAC,SAAA,GAAAA,SAAA"}

package/dist/module/OrderBookWidget/ChartWithData.js

@@ -25,7 +25,8 @@ const ChartWithData = _ref => {
       instrument,
       bookType,
       recentHours: 1
-    }
+    },
+    fetchPolicy: 'network-only'
   });
   const isError = !loading && !(data !== null && data !== void 0 && (_data$orderPositionBo = data.orderPositionBooks[0]) !== null && _data$orderPositionBo !== void 0 && _data$orderPositionBo.price) || !!error;
   return React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["React","useContext","useQuery","classnames","ChartError","Size","Spinner","SpinnerSize","ThemeContext","getOrderPositionBooks","BookType","Chart","instrumentPrecisionConfig","ChartWithData","_ref","_data$orderPositionBo","instrument","bookType","size","isDesktop","DESKTOP","loading","data","error","variables","recentHours","isError","orderPositionBooks","price","createElement","className","lg","isOrderBook","Order","precision"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n  ChartError, Size, Spinner, SpinnerSize, ThemeContext,\n} 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 { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\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      {!isError && 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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,UAAU,EAAEC,IAAI,EAAEC,OAAO,EAAEC,WAAW,EAAEC,YAAY,QAC/C,2BAA2B;AAElC,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,SAA0EC,QAAQ,QAAQ,sBAAsB;AAChH,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,yBAAyB,QAAQ,UAAU;AAEpD,MAAMC,aAAa,GAAGC,IAAA,IAGI;EAAA,IAAAC,qBAAA;EAAA,IAHH;IACrBC,UAAU;IACVC;EACkB,CAAC,GAAAH,IAAA;EACnB,MAAM;IAAEI;EAAK,CAAC,GAAGjB,UAAU,CAACO,YAAY,CAAC;EACzC,MAAMW,SAAS,GAAGD,IAAI,KAAKb,IAAI,CAACe,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGrB,QAAQ,CAGvCO,qBAAqB,EAAE;IACvBe,SAAS,EAAE;MACTR,UAAU;MACVC,QAAQ;MACRQ,WAAW,EAAE;IACf;EACF,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAI,CAACL,OAAO,IAAI,EAACC,IAAI,aAAJA,IAAI,gBAAAP,qBAAA,GAAJO,IAAI,CAAEK,kBAAkB,CAAC,CAAC,CAAC,cAAAZ,qBAAA,eAA3BA,qBAAA,CAA6Ba,KAAK,KAAK,CAAC,CAACL,KAAK;EAE5E,OACEvB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE3B,UAAU,CAAC,uBAAuB,EAAE;MAClD,cAAc,EAAEgB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEAO,OAAO,IACR1B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EACR3B,UAAU,CACR,uIAAuI,EACvI;MACE,WAAW,EAAEgB,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAEHnB,KAAA,CAAA6B,aAAA,CAACzB,UAAU,MAAE,CACV,CACJ,EACAiB,OAAO,IACRrB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EACR3B,UAAU,CACR,uIAAuI,EACvI;MACE,WAAW,EAAEgB,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAEHnB,KAAA,CAAA6B,aAAA,CAACvB,OAAO;IAACY,IAAI,EAAEX,WAAW,CAACwB;EAAG,CAAE,CAC7B,CACJ,EACA,CAACL,OAAO,IAAIJ,IAAI,IACftB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAC;EAA4D,GACzE9B,KAAA,CAAA6B,aAAA,CAAClB,KAAK;IACJW,IAAI,EAAEA,IAAK;IACXU,WAAW,EAAEf,QAAQ,KAAKP,QAAQ,CAACuB,KAAM;IACzCC,SAAS,EAAEtB,yBAAyB,CAACI,UAAU;EAAE,CAClD,CACE,CAEJ,CAAC;AAEV,CAAC;AAED,SAASH,aAAa"}
+{"version":3,"file":"ChartWithData.js","names":["React","useContext","useQuery","classnames","ChartError","Size","Spinner","SpinnerSize","ThemeContext","getOrderPositionBooks","BookType","Chart","instrumentPrecisionConfig","ChartWithData","_ref","_data$orderPositionBo","instrument","bookType","size","isDesktop","DESKTOP","loading","data","error","variables","recentHours","fetchPolicy","isError","orderPositionBooks","price","createElement","className","lg","isOrderBook","Order","precision"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n  ChartError, Size, Spinner, SpinnerSize, ThemeContext,\n} 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 { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n\n  const { loading, data, error } = useQuery<\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables\n  >(getOrderPositionBooks, {\n    variables: {\n      instrument,\n      bookType,\n      recentHours: 1,\n    },\n    fetchPolicy: 'network-only',\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      {!isError && 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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,UAAU,EAAEC,IAAI,EAAEC,OAAO,EAAEC,WAAW,EAAEC,YAAY,QAC/C,2BAA2B;AAElC,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,SAA0EC,QAAQ,QAAQ,sBAAsB;AAChH,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,yBAAyB,QAAQ,UAAU;AAEpD,MAAMC,aAAa,GAAGC,IAAA,IAGI;EAAA,IAAAC,qBAAA;EAAA,IAHH;IACrBC,UAAU;IACVC;EACkB,CAAC,GAAAH,IAAA;EACnB,MAAM;IAAEI;EAAK,CAAC,GAAGjB,UAAU,CAACO,YAAY,CAAC;EACzC,MAAMW,SAAS,GAAGD,IAAI,KAAKb,IAAI,CAACe,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGrB,QAAQ,CAGvCO,qBAAqB,EAAE;IACvBe,SAAS,EAAE;MACTR,UAAU;MACVC,QAAQ;MACRQ,WAAW,EAAE;IACf,CAAC;IACDC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAI,CAACN,OAAO,IAAI,EAACC,IAAI,aAAJA,IAAI,gBAAAP,qBAAA,GAAJO,IAAI,CAAEM,kBAAkB,CAAC,CAAC,CAAC,cAAAb,qBAAA,eAA3BA,qBAAA,CAA6Bc,KAAK,KAAK,CAAC,CAACN,KAAK;EAE5E,OACEvB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAE5B,UAAU,CAAC,uBAAuB,EAAE;MAClD,cAAc,EAAEgB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEAQ,OAAO,IACR3B,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EACR5B,UAAU,CACR,uIAAuI,EACvI;MACE,WAAW,EAAEgB,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAEHnB,KAAA,CAAA8B,aAAA,CAAC1B,UAAU,MAAE,CACV,CACJ,EACAiB,OAAO,IACRrB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EACR5B,UAAU,CACR,uIAAuI,EACvI;MACE,WAAW,EAAEgB,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAEHnB,KAAA,CAAA8B,aAAA,CAACxB,OAAO;IAACY,IAAI,EAAEX,WAAW,CAACyB;EAAG,CAAE,CAC7B,CACJ,EACA,CAACL,OAAO,IAAIL,IAAI,IACftB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAC;EAA4D,GACzE/B,KAAA,CAAA8B,aAAA,CAACnB,KAAK;IACJW,IAAI,EAAEA,IAAK;IACXW,WAAW,EAAEhB,QAAQ,KAAKP,QAAQ,CAACwB,KAAM;IACzCC,SAAS,EAAEvB,yBAAyB,CAACI,UAAU;EAAE,CAClD,CACE,CAEJ,CAAC;AAEV,CAAC;AAED,SAASH,aAAa"}

package/dist/module/OrderBookWidget/Main.js

@@ -18,7 +18,7 @@ const Main = _ref => {
   } = useLocale();
   return React.createElement(React.Fragment, null, size && React.createElement("div", {
     "data-testid": "order-book-widget",
-    className: "lw-p-4 lw-pt-0 lw-text-sm lw-tracking-normal lw-text-black"
+    className: "lw-text-sm lw-tracking-normal lw-text-black"
   }, React.createElement(Tabs, {
     activeTab: bookType,
     handleClick: e => setBookType(e.currentTarget.value),

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["React","useState","useContext","Select","Tabs","ThemeContext","useLocale","BookType","instrumentSelectConfig","navigationConfig","ChartWithData","Main","_ref","instrument","size","bookType","setBookType","Order","toolInstrument","setToolInstrument","lang","createElement","Fragment","className","activeTab","handleClick","e","currentTarget","value","labelCallback","items","mobileFullWidth","selectLabel","options","selectedOption","setSelectedOption","val","id"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport { Select, Tabs, ThemeContext } 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 { size } = useContext(ThemeContext);\n  const [bookType, setBookType] = useState(BookType.Order);\n  const [toolInstrument, setToolInstrument] = useState(instrumentSelectConfig[0]);\n  const { lang } = useLocale();\n\n  return (\n    <>\n      {size && (\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('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  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AACnD,SAASC,MAAM,EAAEC,IAAI,EAAEC,YAAY,QAAQ,2BAA2B;AACtE,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,sBAAsB,EAAEC,gBAAgB,QAAQ,UAAU;AACnE,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,IAAI,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACrC,MAAM;IAAEE;EAAK,CAAC,GAAGZ,UAAU,CAACG,YAAY,CAAC;EACzC,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGf,QAAQ,CAACM,QAAQ,CAACU,KAAK,CAAC;EACxD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGlB,QAAQ,CAACO,sBAAsB,CAAC,CAAC,CAAC,CAAC;EAC/E,MAAM;IAAEY;EAAK,CAAC,GAAGd,SAAS,CAAC,CAAC;EAE5B,OACEN,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACGR,IAAI,IACLd,KAAA,CAAAqB,aAAA;IAAK,eAAY,mBAAmB;IAACE,SAAS,EAAC;EAA4D,GACzGvB,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACHoB,SAAS,EAAET,QAAS;IACpBU,WAAW,EAAGC,CAAC,IAAKV,WAAW,CAACU,CAAC,CAACC,aAAa,CAACC,KAAiB,CAAE;IACnEC,aAAa,EAAET,IAAK;IACpBU,KAAK,EAAErB,gBAAiB;IACxBsB,eAAe;EAAA,CAChB,CAAC,EACD,CAAClB,UAAU,IACZb,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAkB,GAC/BvB,KAAA,CAAAqB,aAAA,CAAClB,MAAM;IACL6B,WAAW,EAAEZ,IAAI,CAAC,YAAY,CAAE;IAChCa,OAAO,EAAEzB,sBAAuB;IAChC0B,cAAc,EAAEhB,cAAe;IAC/BiB,iBAAiB,EACdC,GAAG,IAAKjB,iBAAiB,CAACiB,GAA0C;EACtE,CACF,CACE,CACJ,EACDpC,KAAA,CAAAqB,aAAA,CAACX,aAAa;IAACG,UAAU,EAAEA,UAAU,IAAIK,cAAc,CAACmB,EAAG;IAACtB,QAAQ,EAAEA;EAAS,CAAE,CAC9E,CAEL,CAAC;AAEP,CAAC;AAED,SAASJ,IAAI"}
+{"version":3,"file":"Main.js","names":["React","useState","useContext","Select","Tabs","ThemeContext","useLocale","BookType","instrumentSelectConfig","navigationConfig","ChartWithData","Main","_ref","instrument","size","bookType","setBookType","Order","toolInstrument","setToolInstrument","lang","createElement","Fragment","className","activeTab","handleClick","e","currentTarget","value","labelCallback","items","mobileFullWidth","selectLabel","options","selectedOption","setSelectedOption","val","id"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport { Select, Tabs, ThemeContext } 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 { size } = useContext(ThemeContext);\n  const [bookType, setBookType] = useState(BookType.Order);\n  const [toolInstrument, setToolInstrument] = useState(instrumentSelectConfig[0]);\n  const { lang } = useLocale();\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"order-book-widget\" className=\"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('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  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AACnD,SAASC,MAAM,EAAEC,IAAI,EAAEC,YAAY,QAAQ,2BAA2B;AACtE,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,sBAAsB,EAAEC,gBAAgB,QAAQ,UAAU;AACnE,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,IAAI,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACrC,MAAM;IAAEE;EAAK,CAAC,GAAGZ,UAAU,CAACG,YAAY,CAAC;EACzC,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGf,QAAQ,CAACM,QAAQ,CAACU,KAAK,CAAC;EACxD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGlB,QAAQ,CAACO,sBAAsB,CAAC,CAAC,CAAC,CAAC;EAC/E,MAAM;IAAEY;EAAK,CAAC,GAAGd,SAAS,CAAC,CAAC;EAE5B,OACEN,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACGR,IAAI,IACLd,KAAA,CAAAqB,aAAA;IAAK,eAAY,mBAAmB;IAACE,SAAS,EAAC;EAA6C,GAC1FvB,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACHoB,SAAS,EAAET,QAAS;IACpBU,WAAW,EAAGC,CAAC,IAAKV,WAAW,CAACU,CAAC,CAACC,aAAa,CAACC,KAAiB,CAAE;IACnEC,aAAa,EAAET,IAAK;IACpBU,KAAK,EAAErB,gBAAiB;IACxBsB,eAAe;EAAA,CAChB,CAAC,EACD,CAAClB,UAAU,IACZb,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAkB,GAC/BvB,KAAA,CAAAqB,aAAA,CAAClB,MAAM;IACL6B,WAAW,EAAEZ,IAAI,CAAC,YAAY,CAAE;IAChCa,OAAO,EAAEzB,sBAAuB;IAChC0B,cAAc,EAAEhB,cAAe;IAC/BiB,iBAAiB,EACdC,GAAG,IAAKjB,iBAAiB,CAACiB,GAA0C;EACtE,CACF,CACE,CACJ,EACDpC,KAAA,CAAAqB,aAAA,CAACX,aAAa;IAACG,UAAU,EAAEA,UAAU,IAAIK,cAAc,CAACmB,EAAG;IAACtB,QAAQ,EAAEA;EAAS,CAAE,CAC9E,CAEL,CAAC;AAEP,CAAC;AAED,SAASJ,IAAI"}

package/dist/module/OrderBookWidget/components/Chart/getOption.js

@@ -177,6 +177,7 @@ export const getOption = _ref2 => {
       type: 'value',
       min: range * -1.05,
       max: range * 1.05,
+      splitNumber: 5,
       axisTick: {
         show: false
       },
@@ -184,7 +185,7 @@ export const getOption = _ref2 => {
         show: false
       },
       axisLabel: {
-        padding: [7, 0, 0, 0],
+        padding: [7, 16, 0, 16],
         showMinLabel: false,
         showMaxLabel: false,
         formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%")
@@ -200,6 +201,8 @@ export const getOption = _ref2 => {
         show: false
       },
       axisLabel: {
+        overflow: 'truncate',
+        width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,
         margin: isDesktop ? 10 : 0,
         showMaxLabel: false,
         showMinLabel: false,
@@ -296,6 +299,8 @@ export const getOption = _ref2 => {
           width: 1
         },
         label: {
+          overflow: 'truncate',
+          width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,
           padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],
           color: isDark ? colorPalette.black : colorPalette.white,
           backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark

package/dist/module/OrderBookWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getZoomControls","INITIAL_BARS","CHART_WIDTH","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","ZOOM_CONTROL_HEIGHT","tooltipFormatter","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","marginBottom","grid","name","top","left","right","concat","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","getOption","_ref2","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","extraCssText","xAxis","axisTick","show","axisLine","showMinLabel","showMaxLabel","value","position","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolRotate","symbolSize","lineStyle","bottleGreenDark","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';\nimport {\n  INITIAL_BARS,\n  CHART_WIDTH,\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { GetOptionType, GetResponsiveOptionsProps } from './types';\nimport { tooltipFormatter } from './formatters';\n\nexport const getResponsiveOption = (\n  {\n    isDark, isOrderBook, isDesktop, lang,\n  }\n  : GetResponsiveOptionsProps,\n) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data, precision, isDark, isOrderBook, isDesktop, lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  const zoomInitialStartValue = price - (bucketWidth * INITIAL_BARS * 0.5);\n  const zoomInitialEndValue = price + (bucketWidth * INITIAL_BARS * 0.5);\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return (\n    {\n      animation: false,\n      color: [\n        colorPalette.bottleGreenLight,\n        isDark ? colorPalette.orange : colorPalette.raspberryDark,\n      ],\n      title: {\n        text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n        padding: 20,\n        textStyle: {\n          fontSize: 14,\n        },\n      },\n      toolbox: {\n        feature: getZoomControls({\n          resetStartValue: zoomInitialStartValue,\n          resetEndValue: zoomInitialEndValue,\n        }),\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          realtime: true,\n          startValue: zoomInitialStartValue,\n          endValue: zoomInitialEndValue,\n\n          yAxisIndex: 0,\n          minValueSpan: 10 * bucketWidth,\n        },\n      ],\n      tooltip: {\n        trigger: 'axis',\n        axisPointer: {\n          axis: 'y',\n        },\n        formatter: (val) => tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n        extraCssText: 'z-index: 1',\n      },\n      grid: [\n        {\n          name: 'main-grid',\n          top: '48px',\n          left: '0px',\n          right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n          bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n        },\n      ],\n      xAxis: {\n        type: 'value',\n        min: range * -1.05,\n        max: range * 1.05,\n        axisTick: { show: false },\n        axisLine: { show: false },\n        axisLabel: {\n          padding: [7, 0, 0, 0],\n          showMinLabel: false,\n          showMaxLabel: false,\n          formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n        },\n      },\n      yAxis: {\n        type: 'value',\n        position: 'right',\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          margin: isDesktop ? 10 : 0,\n          showMaxLabel: false,\n          showMinLabel: false,\n          padding: [0, 0, 0, 10],\n          formatter: (value) => value.toFixed(bucketPrecision),\n        },\n      },\n      dataset: {\n        source: dataset,\n      },\n      series: [\n        {\n          type: 'custom',\n          name: 'sell-short',\n          id: 'sell-short',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 1,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(1), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] + 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: colorPalette.bottleGreenLight,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'buy-long',\n          id: 'buy-long',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 2,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(2), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] - 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'current-price',\n          id: 'current-price',\n          markLine: {\n            animation: false,\n            silent: true,\n            precision,\n            symbol: ['none', 'triangle'],\n            symbolRotate: 90,\n            symbolSize: [20, 10],\n            lineStyle: {\n              color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n              width: 1,\n            },\n            label: {\n              padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n              color: isDark ? colorPalette.black : colorPalette.white,\n              backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            },\n            data: [\n              {\n                yAxis: price,\n              },\n            ],\n          },\n          renderItem: () => null,\n        },\n      ],\n    }\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getZoomControls","INITIAL_BARS","CHART_WIDTH","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","ZOOM_CONTROL_HEIGHT","tooltipFormatter","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","marginBottom","grid","name","top","left","right","concat","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","getOption","_ref2","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","extraCssText","xAxis","splitNumber","axisTick","show","axisLine","showMinLabel","showMaxLabel","value","position","overflow","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolRotate","symbolSize","lineStyle","bottleGreenDark","undefined","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';\nimport {\n  INITIAL_BARS,\n  CHART_WIDTH,\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { GetOptionType, GetResponsiveOptionsProps } from './types';\nimport { tooltipFormatter } from './formatters';\n\nexport const getResponsiveOption = (\n  {\n    isDark, isOrderBook, isDesktop, lang,\n  }\n  : GetResponsiveOptionsProps,\n) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data, precision, isDark, isOrderBook, isDesktop, lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  const zoomInitialStartValue = price - (bucketWidth * INITIAL_BARS * 0.5);\n  const zoomInitialEndValue = price + (bucketWidth * INITIAL_BARS * 0.5);\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return (\n    {\n      animation: false,\n      color: [\n        colorPalette.bottleGreenLight,\n        isDark ? colorPalette.orange : colorPalette.raspberryDark,\n      ],\n      title: {\n        text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n        padding: 20,\n        textStyle: {\n          fontSize: 14,\n        },\n      },\n      toolbox: {\n        feature: getZoomControls({\n          resetStartValue: zoomInitialStartValue,\n          resetEndValue: zoomInitialEndValue,\n        }),\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          realtime: true,\n          startValue: zoomInitialStartValue,\n          endValue: zoomInitialEndValue,\n\n          yAxisIndex: 0,\n          minValueSpan: 10 * bucketWidth,\n        },\n      ],\n      tooltip: {\n        trigger: 'axis',\n        axisPointer: {\n          axis: 'y',\n        },\n        formatter: (val) => tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n        extraCssText: 'z-index: 1',\n      },\n      grid: [\n        {\n          name: 'main-grid',\n          top: '48px',\n          left: '0px',\n          right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n          bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n        },\n      ],\n      xAxis: {\n        type: 'value',\n        min: range * -1.05,\n        max: range * 1.05,\n        splitNumber: 5,\n        axisTick: { show: false },\n        axisLine: { show: false },\n        axisLabel: {\n          padding: [7, 16, 0, 16],\n          showMinLabel: false,\n          showMaxLabel: false,\n          formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n        },\n      },\n      yAxis: {\n        type: 'value',\n        position: 'right',\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          overflow: 'truncate',\n          width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,\n          margin: isDesktop ? 10 : 0,\n          showMaxLabel: false,\n          showMinLabel: false,\n          padding: [0, 0, 0, 10],\n          formatter: (value) => value.toFixed(bucketPrecision),\n        },\n      },\n      dataset: {\n        source: dataset,\n      },\n      series: [\n        {\n          type: 'custom',\n          name: 'sell-short',\n          id: 'sell-short',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 1,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(1), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] + 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: colorPalette.bottleGreenLight,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'buy-long',\n          id: 'buy-long',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 2,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(2), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] - 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'current-price',\n          id: 'current-price',\n          markLine: {\n            animation: false,\n            silent: true,\n            precision,\n            symbol: ['none', 'triangle'],\n            symbolRotate: 90,\n            symbolSize: [20, 10],\n            lineStyle: {\n              color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n              width: 1,\n            },\n            label: {\n              overflow: 'truncate',\n              width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,\n              padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n              color: isDark ? colorPalette.black : colorPalette.white,\n              backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            },\n            data: [\n              {\n                yAxis: price,\n              },\n            ],\n          },\n          renderItem: () => null,\n        },\n      ],\n    }\n  );\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-order-book-widget",
-  "version": "1.0.86",
+  "version": "1.0.88",
   "description": "Labs Order Book Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.7.17",
-    "@oanda/labs-widget-common": "^1.0.86",
+    "@oanda/labs-widget-common": "^1.0.88",
     "@oanda/mono-i18n": "9.0.0",
     "echarts": "5.4.3",
     "echarts-for-react": "3.0.2",
@@ -24,5 +24,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@graphql-codegen/typescript": "4.0.1"
   },
-  "gitHead": "869f190b337ee149a20f83727856cb68d846f6f6"
+  "gitHead": "7a3eed785d5b93fd5adde49cef532ba7d5ea4757"
 }

package/src/OrderBookWidget/ChartWithData.tsx

@@ -26,6 +26,7 @@ const ChartWithData = ({
       bookType,
       recentHours: 1,
     },
+    fetchPolicy: 'network-only',
   });
 
   const isError = (!loading && !data?.orderPositionBooks[0]?.price) || !!error;

package/src/OrderBookWidget/Main.tsx

@@ -15,7 +15,7 @@ const Main = ({ instrument }: MainProps) => {
   return (
     <>
       {size && (
-      <div data-testid="order-book-widget" className="lw-p-4 lw-pt-0 lw-text-sm lw-tracking-normal lw-text-black">
+      <div data-testid="order-book-widget" className="lw-text-sm lw-tracking-normal lw-text-black">
         <Tabs
           activeTab={bookType}
           handleClick={(e) => setBookType(e.currentTarget.value as BookType)}

package/src/OrderBookWidget/components/Chart/getOption.ts

@@ -214,10 +214,11 @@ export const getOption: GetOptionType = ({
         type: 'value',
         min: range * -1.05,
         max: range * 1.05,
+        splitNumber: 5,
         axisTick: { show: false },
         axisLine: { show: false },
         axisLabel: {
-          padding: [7, 0, 0, 0],
+          padding: [7, 16, 0, 16],
           showMinLabel: false,
           showMaxLabel: false,
           formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),
@@ -229,6 +230,8 @@ export const getOption: GetOptionType = ({
         axisLine: { show: false },
         axisTick: { show: false },
         axisLabel: {
+          overflow: 'truncate',
+          width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,
           margin: isDesktop ? 10 : 0,
           showMaxLabel: false,
           showMinLabel: false,
@@ -332,6 +335,8 @@ export const getOption: GetOptionType = ({
               width: 1,
             },
             label: {
+              overflow: 'truncate',
+              width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,
               padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],
               color: isDark ? colorPalette.black : colorPalette.white,
               backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,