"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LensChart = void 0;
var _react = _interopRequireWildcard(require("react"));
var _eui = require("@elastic/eui");
var _react2 = require("@emotion/react");
var _use_lens_attributes = require("../../hooks/use_lens_attributes");
var _lens_wrapper = require("./lens_wrapper");
var _chart_load_error = require("./chart_load_error");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License
 * 2.0; you may not use this file except in compliance with the Elastic License
 * 2.0.
 */

const MIN_HEIGHT = 300;
const LensChart = ({
  id,
  borderRadius,
  dateRange,
  filters,
  hidePanelTitles,
  lastReloadRequestTime,
  query,
  onBrushEnd,
  overrides,
  toolTip,
  disableTriggers = false,
  height = MIN_HEIGHT,
  loading = false,
  ...lensAttributesParams
}) => {
  const {
    formula,
    attributes,
    getExtraActions,
    error
  } = (0, _use_lens_attributes.useLensAttributes)({
    ...lensAttributesParams
  });
  const isLoading = loading || !attributes;
  const extraActions = (0, _react.useMemo)(() => getExtraActions({
    timeRange: dateRange,
    query,
    filters
  }), [dateRange, filters, getExtraActions, query]);
  const sytle = (0, _react.useMemo)(() => ({
    height
  }), [height]);
  const Lens = /*#__PURE__*/_react.default.createElement(_lens_wrapper.LensWrapper, {
    id: id,
    attributes: attributes,
    dateRange: dateRange,
    disableTriggers: disableTriggers,
    extraActions: extraActions,
    filters: filters,
    lastReloadRequestTime: lastReloadRequestTime,
    loading: isLoading,
    style: sytle,
    query: query,
    overrides: overrides,
    onBrushEnd: onBrushEnd,
    hidePanelTitles: hidePanelTitles
  });
  const getContent = () => {
    if (!toolTip) {
      return Lens;
    }
    return /*#__PURE__*/_react.default.createElement(_eui.EuiToolTip, {
      delay: "regular",
      content: /*#__PURE__*/_react.default.cloneElement(toolTip, {
        formula
      }),
      anchorClassName: "eui-fullWidth"
    }, Lens);
  };
  return /*#__PURE__*/_react.default.createElement(_eui.EuiPanel, {
    hasBorder: !!borderRadius,
    borderRadius: borderRadius,
    hasShadow: false,
    paddingSize: error ? 'm' : 'none',
    "data-test-subj": id,
    css: (0, _react2.css)`
        position: relative;
        min-height: ${height}px;
      `
  }, error ? /*#__PURE__*/_react.default.createElement(_chart_load_error.ChartLoadError, null) : getContent());
};
exports.LensChart = LensChart;