"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ControlEditor = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _i18nReact = require("@kbn/i18n-react");
var _eui = require("@elastic/eui");
var _range_control_editor = require("./range_control_editor");
var _list_control_editor = require("./list_control_editor");
var _editor_utils = require("../../editor_utils");
require("./control_editor.scss");
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.
 */

class ControlEditorUi extends _react.PureComponent {
  constructor(...args) {
    super(...args);
    (0, _defineProperty2.default)(this, "changeLabel", event => {
      this.props.handleLabelChange(this.props.controlIndex, event.target.value);
    });
    (0, _defineProperty2.default)(this, "removeControl", () => {
      this.props.handleRemoveControl(this.props.controlIndex);
    });
    (0, _defineProperty2.default)(this, "moveUpControl", () => {
      this.props.moveControl(this.props.controlIndex, -1);
    });
    (0, _defineProperty2.default)(this, "moveDownControl", () => {
      this.props.moveControl(this.props.controlIndex, 1);
    });
    (0, _defineProperty2.default)(this, "changeIndexPattern", indexPatternId => {
      this.props.handleIndexPatternChange(this.props.controlIndex, indexPatternId);
    });
    (0, _defineProperty2.default)(this, "changeFieldName", fieldName => {
      this.props.handleFieldNameChange(this.props.controlIndex, fieldName);
    });
  }
  renderEditor() {
    let controlEditor = null;
    switch (this.props.controlParams.type) {
      case _editor_utils.CONTROL_TYPES.LIST:
        controlEditor = /*#__PURE__*/_react.default.createElement(_list_control_editor.ListControlEditor, {
          controlIndex: this.props.controlIndex,
          controlParams: this.props.controlParams,
          handleIndexPatternChange: this.changeIndexPattern,
          handleFieldNameChange: this.changeFieldName,
          getIndexPattern: this.props.getIndexPattern,
          handleOptionsChange: this.props.handleOptionsChange,
          parentCandidates: this.props.parentCandidates,
          handleParentChange: this.props.handleParentChange,
          deps: this.props.deps
        });
        break;
      case _editor_utils.CONTROL_TYPES.RANGE:
        controlEditor = /*#__PURE__*/_react.default.createElement(_range_control_editor.RangeControlEditor, {
          controlIndex: this.props.controlIndex,
          controlParams: this.props.controlParams,
          handleIndexPatternChange: this.changeIndexPattern,
          handleFieldNameChange: this.changeFieldName,
          getIndexPattern: this.props.getIndexPattern,
          handleOptionsChange: this.props.handleOptionsChange,
          deps: this.props.deps
        });
        break;
      default:
        throw new Error(`Unhandled control editor type ${this.props.controlParams.type}`);
    }
    const labelId = `controlLabel${this.props.controlIndex}`;
    return /*#__PURE__*/_react.default.createElement(_eui.EuiForm, null, /*#__PURE__*/_react.default.createElement(_eui.EuiFormRow, {
      id: labelId,
      label: /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, {
        id: "inputControl.editor.controlEditor.controlLabel",
        defaultMessage: "Control Label"
      })
    }, /*#__PURE__*/_react.default.createElement(_eui.EuiFieldText, {
      value: this.props.controlParams.label,
      onChange: this.changeLabel
    })), controlEditor);
  }
  renderEditorButtons() {
    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_eui.EuiButtonIcon, {
      "aria-label": this.props.intl.formatMessage({
        id: 'inputControl.editor.controlEditor.moveControlUpAriaLabel',
        defaultMessage: 'Move control up'
      }),
      color: "primary",
      onClick: this.moveUpControl,
      iconType: "sortUp",
      "data-test-subj": `inputControlEditorMoveUpControl${this.props.controlIndex}`
    }), /*#__PURE__*/_react.default.createElement(_eui.EuiButtonIcon, {
      "aria-label": this.props.intl.formatMessage({
        id: 'inputControl.editor.controlEditor.moveControlDownAriaLabel',
        defaultMessage: 'Move control down'
      }),
      color: "primary",
      onClick: this.moveDownControl,
      iconType: "sortDown",
      "data-test-subj": `inputControlEditorMoveDownControl${this.props.controlIndex}`
    }), /*#__PURE__*/_react.default.createElement(_eui.EuiButtonIcon, {
      "aria-label": this.props.intl.formatMessage({
        id: 'inputControl.editor.controlEditor.removeControlAriaLabel',
        defaultMessage: 'Remove control'
      }),
      color: "danger",
      onClick: this.removeControl,
      iconType: "cross",
      "data-test-subj": `inputControlEditorRemoveControl${this.props.controlIndex}`
    }));
  }
  render() {
    return /*#__PURE__*/_react.default.createElement(_eui.EuiPanel, {
      grow: false,
      className: "icvControlEditor__panel"
    }, /*#__PURE__*/_react.default.createElement(_eui.EuiAccordion, {
      id: "controlEditorAccordion",
      buttonContent: (0, _editor_utils.getTitle)(this.props.controlParams, this.props.controlIndex),
      extraAction: this.renderEditorButtons(),
      initialIsOpen: true
    }, /*#__PURE__*/_react.default.createElement(_eui.EuiSpacer, {
      size: "s"
    }), this.renderEditor()));
  }
}
const ControlEditor = (0, _i18nReact.injectI18n)(ControlEditorUi);
exports.ControlEditor = ControlEditor;