render()

in web/frontend/libs/@deltix/hd.components-order-grid/index.umd.js [1390:1496]

• 106 lines of code
• 13 McCabe index (conditional complexity)

    render() {
      const {
        height,
        spread,
        width,
        termCode,
        showUserQuantity,
        showExchange,
        quantityPrecision,
        sell,
        buy,
        pricePrecision,
        splitView,
        abbreviations,
        x,
        y
      } = this.props;
      const lineWidth = width - padding * 2;
      const maxQuantityWidth = width - padding * 2 * getMarketQuantityWidth(true, showUserQuantity, showExchange);
      const maxPriceWidth = width - padding * 2 * Math.max(getPriceWidth$1(true, showUserQuantity, showExchange), getWorstPriceWith(true, showUserQuantity));
      const maxPrecisionForQuantity = getMaxPrecision('quantity', maxQuantityWidth, quantityPrecision, sell.orders, buy.orders, this.symbolWidth);
      const maxPrecisionForPrice = getMaxPrecision('price', maxPriceWidth, pricePrecision, sell.orders, buy.orders, this.symbolWidth);
      const SideComp = splitView ? SplittedSide : Side;
      return jsxRuntime.jsx(hd_componentsMultiApp.Styled, {
        children: ({
          orderGrid: {
            background
          }
        }) => {
          var _a, _b, _c, _d, _e;

          return jsxRuntime.jsxs(jsxRuntime.Fragment, {
            children: [jsxRuntime.jsx(hd_componentsMultiApp.Background, {
              width: width,
              height: height,
              color: background.color,
              alpha: 1
            }, void 0), jsxRuntime.jsx(hd_componentsMultiApp.ScrolledList, Object.assign({
              height: height,
              width: width,
              x: x,
              y: y,
              computeScroll: this.computeScroll
            }, {
              children: jsxRuntime.jsxs(reactPixi.Container, Object.assign({
                x: padding
              }, {
                children: [jsxRuntime.jsx(reactPixi.Container, Object.assign({
                  y: height / 2 - blockHeight - spreadLineHeight / 2
                }, {
                  children: jsxRuntime.jsx(SideComp, {
                    height: height,
                    scrollPosition: this.currentScroll,
                    side: hd_componentsOrderBook.L2MessageSide.sell,
                    lineWidth: lineWidth,
                    quantityPrecision: maxPrecisionForQuantity,
                    pricePrecision: maxPrecisionForPrice,
                    countLines: countLines,
                    lineHeight: lineHeight,
                    sideHeight: sideHeight,
                    abbreviations: abbreviations,
                    hideHint: this.hideHint,
                    showHint: this.showHint
                  }, void 0)
                }), void 0), jsxRuntime.jsx(reactPixi.Container, Object.assign({
                  y: height / 2 + spreadLineHeight / 2
                }, {
                  children: jsxRuntime.jsx(SideComp, {
                    height: height,
                    scrollPosition: this.currentScroll,
                    side: hd_componentsOrderBook.L2MessageSide.buy,
                    lineWidth: lineWidth,
                    quantityPrecision: maxPrecisionForQuantity,
                    pricePrecision: maxPrecisionForPrice,
                    countLines: countLines,
                    lineHeight: lineHeight,
                    sideHeight: sideHeight,
                    abbreviations: abbreviations,
                    hideHint: this.hideHint,
                    showHint: this.showHint
                  }, void 0)
                }), void 0)]
              }), void 0)
            }), void 0), jsxRuntime.jsx(reactPixi.Container, Object.assign({
              ref: this.spreadContainer
            }, {
              children: jsxRuntime.jsx(SpreadLine, {
                height: spreadLineHeight,
                spread: spread,
                code: termCode,
                width: width,
                spreadPrecision: maxPrecisionForPrice,
                padding: padding,
                showUserQuantity: showUserQuantity,
                showExchangeId: showExchange
              }, void 0)
            }), void 0), abbreviations && jsxRuntime.jsx(Hint, {
              hintHeight: (_a = this.state) === null || _a === void 0 ? void 0 : _a.hintHeight,
              hintText: (_b = this.state) === null || _b === void 0 ? void 0 : _b.hintText,
              hintWidth: (_c = this.state) === null || _c === void 0 ? void 0 : _c.hintWidth,
              hintX: (_d = this.state) === null || _d === void 0 ? void 0 : _d.hintX,
              hintY: (_e = this.state) === null || _e === void 0 ? void 0 : _e.hintY
            }, void 0)]
          }, void 0);
        }
      }, void 0);
    }