gitlab-org--gitlab-foss/app/assets/javascripts/comment_type_toggle.js

import DropLab from './droplab/drop_lab';
import ISetter from './droplab/plugins/input_setter';

// Todo: Remove this when fixing issue in input_setter plugin
const InputSetter = { ...ISetter };

class CommentTypeToggle {
  constructor(opts = {}) {
    this.dropdownTrigger = opts.dropdownTrigger;
    this.dropdownList = opts.dropdownList;
    this.noteTypeInput = opts.noteTypeInput;
    this.submitButton = opts.submitButton;
    this.closeButton = opts.closeButton;
    this.reopenButton = opts.reopenButton;
  }

  initDroplab() {
    this.droplab = new DropLab();

    const config = this.setConfig();

    this.droplab.init(this.dropdownTrigger, this.dropdownList, [InputSetter], config);
  }

  setConfig() {
    const config = {
      InputSetter: [
        {
          input: this.noteTypeInput,
          valueAttribute: 'data-value',
        },
        {
          input: this.submitButton,
          valueAttribute: 'data-submit-text',
        },
      ],
    };

    if (this.closeButton) {
      config.InputSetter.push(
        {
          input: this.closeButton,
          valueAttribute: 'data-close-text',
        },
        {
          input: this.closeButton,
          valueAttribute: 'data-close-text',
          inputAttribute: 'data-alternative-text',
        },
      );
    }

    if (this.reopenButton) {
      config.InputSetter.push(
        {
          input: this.reopenButton,
          valueAttribute: 'data-reopen-text',
        },
        {
          input: this.reopenButton,
          valueAttribute: 'data-reopen-text',
          inputAttribute: 'data-alternative-text',
        },
      );
    }

    return config;
  }
}

export default CommentTypeToggle;