"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DefaultEditorAggAdd = DefaultEditorAggAdd;
var _react = _interopRequireWildcard(require("react"));
var _eui = require("@elastic/eui");
var _i18nReact = require("@kbn/i18n-react");
var _i18n = require("@kbn/i18n");
var _public = require("@kbn/data-plugin/public");
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 and the Server Side Public License, v 1; you may not use this file except
 * in compliance with, at your election, the Elastic License 2.0 or the Server
 * Side Public License, v 1.
 */

function DefaultEditorAggAdd({
  group = [],
  groupName,
  schemas,
  addSchema,
  stats
}) {
  const [isPopoverOpen, setIsPopoverOpen] = (0, _react.useState)(false);
  const onSelectSchema = schema => {
    setIsPopoverOpen(false);
    addSchema(schema);
  };
  const groupNameLabel = groupName === _public.AggGroupNames.Buckets ? _i18n.i18n.translate('visDefaultEditor.aggAdd.bucketLabel', {
    defaultMessage: 'bucket'
  }) : _i18n.i18n.translate('visDefaultEditor.aggAdd.metricLabel', {
    defaultMessage: 'metric'
  });
  const addButton = /*#__PURE__*/_react.default.createElement(_eui.EuiButtonEmpty, {
    size: "s",
    iconType: "plusInCircleFilled",
    "data-test-subj": `visEditorAdd_${groupName}`,
    onClick: () => setIsPopoverOpen(!isPopoverOpen),
    "aria-label": _i18n.i18n.translate('visDefaultEditor.aggAdd.addGroupButtonLabel', {
      defaultMessage: 'Add {groupNameLabel}',
      values: {
        groupNameLabel
      }
    })
  }, /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, {
    id: "visDefaultEditor.aggAdd.addButtonLabel",
    defaultMessage: "Add"
  }));
  const isMaxedCount = schema => {
    const count = group.filter(agg => agg.schema === schema.name).length;
    return count >= schema.max;
  };
  const isSchemaDisabled = (schema, maxedCount) => {
    var _schema$disabled;
    return (_schema$disabled = schema.disabled) !== null && _schema$disabled !== void 0 ? _schema$disabled : maxedCount;
  };
  const maxTooltipText = _i18n.i18n.translate('visDefaultEditor.aggAdd.maxBuckets', {
    defaultMessage: 'Max {groupNameLabel} count reached',
    values: {
      groupNameLabel
    }
  });
  return /*#__PURE__*/_react.default.createElement(_eui.EuiFlexGroup, {
    justifyContent: "center",
    responsive: false
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiPopover, {
    id: `addGroupButtonPopover_${groupName}`,
    button: addButton,
    isOpen: isPopoverOpen,
    panelPaddingSize: "none",
    repositionOnScroll: true,
    closePopover: () => setIsPopoverOpen(false)
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiPopoverTitle, {
    paddingSize: "s"
  }, (groupName !== _public.AggGroupNames.Buckets || !stats.count) && /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, {
    id: "visDefaultEditor.aggAdd.addGroupButtonLabel",
    defaultMessage: "Add {groupNameLabel}",
    values: {
      groupNameLabel
    }
  }), groupName === _public.AggGroupNames.Buckets && stats.count > 0 && /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, {
    id: "visDefaultEditor.aggAdd.addSubGroupButtonLabel",
    defaultMessage: "Add sub-{groupNameLabel}",
    values: {
      groupNameLabel
    }
  })), /*#__PURE__*/_react.default.createElement(_eui.EuiContextMenuPanel, {
    items: schemas.map(schema => {
      var _schema$tooltip;
      const maxedCount = isMaxedCount(schema);
      return /*#__PURE__*/_react.default.createElement(_eui.EuiContextMenuItem, {
        key: `${schema.name}_${schema.title}`,
        "data-test-subj": `visEditorAdd_${groupName}_${schema.title}`,
        disabled: isPopoverOpen && isSchemaDisabled(schema, maxedCount),
        onClick: () => onSelectSchema(schema),
        toolTipContent: (_schema$tooltip = schema.tooltip) !== null && _schema$tooltip !== void 0 ? _schema$tooltip : maxedCount ? maxTooltipText : undefined
      }, schema.title);
    })
  }))));
}