@superset-ui/core/lib/chart/components/SuperChart.js

Superset UI core

(function () {var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;enterModule && enterModule(module);})();var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {return a;}; /*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import {



  PureComponent,
  Fragment } from
'react';

import ErrorBoundary from


'react-error-boundary';
import { ParentSize } from '@vx/responsive';
import { createSelector } from 'reselect';
import { withTheme } from '@emotion/react';
import { parseLength } from '../../dimension';
import getChartMetadataRegistry from '../registries/ChartMetadataRegistrySingleton';
import SuperChartCore from './SuperChartCore';
import DefaultFallbackComponent from './FallbackComponent';
import ChartProps from '../models/ChartProps';
import NoResultsComponent from './NoResultsComponent';import { jsx as _jsx } from "@emotion/react/jsx-runtime";

const defaultProps = {
  FallbackComponent: DefaultFallbackComponent,
  height: 400,
  width: '100%',
  enableNoResults: true
};
























































class SuperChart extends PureComponent {constructor(...args) {super(...args);
    /**
     * SuperChart's core
     */this.
    core = void 0;this.

    createChartProps = ChartProps.createSelector();this.

    parseDimension = createSelector(
      [
      ({ width }) => width,
      ({ height }) => height],

      (width, height) => {
        // Parse them in case they are % or 'auto'
        const widthInfo = parseLength(width);
        const heightInfo = parseLength(height);
        const boxHeight = heightInfo.isDynamic ?
        `${heightInfo.multiplier * 100}%` :
        heightInfo.value;
        const boxWidth = widthInfo.isDynamic ?
        `${widthInfo.multiplier * 100}%` :
        widthInfo.value;
        const style = {
          height: boxHeight,
          width: boxWidth
        };

        // bounding box will ensure that when one dimension is not dynamic
        // e.g. height = 300
        // the auto size will be bound to that value instead of being 100% by default
        // e.g. height: 300 instead of height: '100%'
        const BoundingBox =
        widthInfo.isDynamic &&
        heightInfo.isDynamic &&
        widthInfo.multiplier === 1 &&
        heightInfo.multiplier === 1 ?
        Fragment :
        ({ children }) =>
        _jsx("div", { style: style, children: children });


        return { BoundingBox, heightInfo, widthInfo };
      }
    );this.



    setRef = (core) => {
      this.core = core;
    };this.

    getQueryCount = () => {var _getChartMetadataRegi, _getChartMetadataRegi2;return (_getChartMetadataRegi = (_getChartMetadataRegi2 =
      getChartMetadataRegistry().get(this.props.chartType)) == null ? void 0 : _getChartMetadataRegi2.queryObjectCount) != null ? _getChartMetadataRegi : 1;};}

  renderChart(width, height) {
    const {
      id,
      className,
      chartType,
      preTransformProps,
      overrideTransformProps,
      postTransformProps,
      onRenderSuccess,
      onRenderFailure,
      disableErrorBoundary,
      FallbackComponent,
      onErrorBoundary,
      Wrapper,
      queriesData,
      enableNoResults,
      noResults,
      theme,
      ...rest
    } = this.props;

    const chartProps = this.createChartProps({
      ...rest,
      queriesData,
      height,
      width,
      theme
    });

    let chart;
    // Render the no results component if the query data is null or empty
    const noResultQueries =
    enableNoResults && (
    !queriesData ||
    queriesData.
    slice(0, this.getQueryCount()).
    every(
      ({ data }) => !data || Array.isArray(data) && data.length === 0
    ));
    if (noResultQueries) {
      chart = noResults ||
      _jsx(NoResultsComponent, {
        id: id,
        className: className,
        height: height,
        width: width }
      );

    } else {
      const chartWithoutWrapper =
      _jsx(SuperChartCore, {
        ref: this.setRef,
        id: id,
        className: className,
        chartType: chartType,
        chartProps: chartProps,
        preTransformProps: preTransformProps,
        overrideTransformProps: overrideTransformProps,
        postTransformProps: postTransformProps,
        onRenderSuccess: onRenderSuccess,
        onRenderFailure: onRenderFailure }
      );

      chart = Wrapper ?
      _jsx(Wrapper, { width: width, height: height, children:
        chartWithoutWrapper }
      ) :

      chartWithoutWrapper;

    }
    // Include the error boundary by default unless it is specifically disabled.
    return disableErrorBoundary === true ?
    chart :

    _jsx(ErrorBoundary, {
      FallbackComponent: (props) =>
      _jsx(FallbackComponent, { width: width, height: height, ...props }),

      onError: onErrorBoundary, children:

      chart }
    );

  }

  render() {
    const { heightInfo, widthInfo, BoundingBox } = this.parseDimension(
      this.props
    );

    // If any of the dimension is dynamic, get parent's dimension
    if (widthInfo.isDynamic || heightInfo.isDynamic) {
      const { debounceTime } = this.props;

      return (
        _jsx(BoundingBox, { children:
          _jsx(ParentSize, { debounceTime: debounceTime, children:
            ({ width, height }) =>
            this.renderChart(
              widthInfo.isDynamic ? Math.floor(width) : widthInfo.value,
              heightInfo.isDynamic ? Math.floor(height) : heightInfo.value
            ) }

          ) }
        ));

    }

    return this.renderChart(widthInfo.value, heightInfo.value);
  } // @ts-ignore
  __reactstandin__regenerateByEval(key, code) {// @ts-ignore
    this[key] = eval(code);}}SuperChart.defaultProps = defaultProps;const _default =
withTheme(SuperChart);export default _default;;(function () {var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;if (!reactHotLoader) {return;}reactHotLoader.register(defaultProps, "defaultProps", "/Users/evan_1/GitHub/superset/superset-frontend/packages/superset-ui-core/src/chart/components/SuperChart.tsx");reactHotLoader.register(SuperChart, "SuperChart", "/Users/evan_1/GitHub/superset/superset-frontend/packages/superset-ui-core/src/chart/components/SuperChart.tsx");reactHotLoader.register(_default, "default", "/Users/evan_1/GitHub/superset/superset-frontend/packages/superset-ui-core/src/chart/components/SuperChart.tsx");})();;(function () {var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;leaveModule && leaveModule(module);})();
//# sourceMappingURL=SuperChart.js.map